/* -------------------------------------------------------
                     phone & tablet 
-------------------------------------------------------- */
@media (max-width: 992px) {
	.s-features .features-c .fea-box {
    	margin-bottom: 60px;
	}
	.s-features .features-c .fea-box:last-child {
    	margin-bottom: 0px;
	}
	.services {
		padding: 120px 0;
	}
    .services .services-list ul li {
        margin-bottom: 60px;
    }
    .services .services-list ul li:last-child {
        margin-bottom: 0;
    }
	.facts .fact-item {
	    margin-bottom: 60px; 
	}
	.facts .fact-item:last-child {
	    margin-bottom: 0px; 
	}
	.price-table {
	    margin-bottom: 60px;
	}
	.price-table:last-child {
	    margin-bottom: 0px;
	}
	.blog-box {
	    margin-bottom: 60px;
	}
	.blog-box:last-child {
	    margin-bottom: 0px;
	}
	.contact .contact-form .contact-item:last-child {
		margin-bottom: 30px;
	}
	.contact .contact-form .contact-item {
	    margin-bottom: 30px;
	    display: inline-block;
	    width: 100%;
	}
	.contact .contact-form .btn-col {
		padding-top: 0;
		margin-bottom: 0 !important;
	}
}

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

@media (max-width: 767px) {
	.navbar-header {
		padding: 10px;
	}
	.navbar-toggle .icon-bar {
	    background: #FFF;
	}
	.navbar-nav {
	    margin: 7.5px -15px;
	    background: #FFF;
	    margin-top: 0;
	}
	.navbar-fixed-top {
	    padding-top: 0;
	}
	.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%;
	}
}

@media (max-width: 730px) {
	.s-title p {
   		width: 80%;
	}
	.s-header .middle-c h3 {
    	font-size: 13px;
    	padding: 0 15px;
	}
	.s-header .middle-c h1 {
    	font-size: 58px;
    	padding-right: 15px;
    	padding-left: 15px;
    	line-height: 60px;
    	margin: 35px 0;
	}
}

@media (max-width: 560px) {
	.work .work-item {
    	width: 98.5%;
	}
	.work .filter-work a {
	    margin-bottom: 15px;
	    display: inline-block;
	}
	.contact .item {
	    margin-bottom: 60px;
	    width: 100%;
	}
}

@media (max-width: 510px) {
	.about-c {
   		min-height: 700px;
	}
	.about-c .about-content h2 {
    	margin-bottom: 60px;
	}
}

@media (max-width: 460px) {
	.s-title h4 {
	    line-height: 45px;
	    margin-top: -10px;
	}
	.s-header .middle-c .capt {
    	margin-top: 30px;
	}
	.about-c .about-content {
	    transform: none;
	    position: relative;
	    padding: 120px 40px;
	}
}

@media (max-width: 390px) {
	.s-header .middle-c h3 {
	    font-size: 12.5px;
	}
	.s-header .middle-c h1 {
    	font-size: 45px;
    	margin: 25px 0;
	}
	.s-header .middle-c .header-btn {
	    margin: 40px 0;
	}
	.mouse {
   		display: none;
	}
	footer .sc-icon span {
    	margin: 7px;
	}
}