@media(max-width:1200px) {
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background: #fff;
		padding: 8px 5px 6px
	}
	.navbar-default .navbar-toggle i {
		color: #bbb;
		font-size: 2em
	}
	.quote-buttons span {
		margin: 0 2px
	}
	.flickr-widget ul li {
		margin-left: 0;
		margin-right: 7px
	}
	.subscribe-widget form input[type=text] {
		margin-bottom: 10px
	}
	.history-content p {
		max-height: 36px;
		line-height: 20px;
		overflow: hidden
	}
	.projects-carousel {
		width: 950px!important
	}
	.milestone-block {
		display: inline-block;
		margin-bottom: 25px;
		margin-right: 95px
	}
}

@media(max-width:991px) {
	ul.footer-nav,
	ul.social-list li {
		float: none!important
	}
	.copyright-section,
	.page-banner,
	.quote-buttons,
	.team-member,
	ul.footer-nav,
	ul.social-list {
		text-align: center
	}
	.boxed-page,
	.boxed-page header {
		width: 100%
	}
	.classic-testimonials {
		margin-bottom: 25px!important
	}
	.tp-caption a.btn-system {
		font-size: 11px;
		padding: 4px 8px
	}
	.contact-details {}
	.navbar-default .navbar-nav {
		margin: 0!important;
		top: 0
	}
	ul.social-list li {
		display: inline-block
	}
	ul.footer-nav {
		display: block;
		margin-top: 10px
	}
	ul.footer-nav li {
		display: inline-block;
		float: none;
		margin-left: 15px
	}
	ul.breadcrumbs {
		float: none
	}
	ul.breadcrumbs li {
		display: inline-block;
		float: left\0/
	}
	.portfolio-4 .portfolio-item {
		width: 49.99%!important;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 30px
	}
	.projects-carousel {
		width: 100%!important
	}
	.pricing-tables .pricing-table {
		width: 50%!important;
		margin-bottom: 15px
	}
	.pricing-tables .highlight-plan {
		margin: 0
	}
	.pricing-tables .pricing-table.highlight-plan .plan-name {
		padding: 15px 0
	}
	.pricing-tables .pricing-table.highlight-plan .plan-signup {
		padding: 25px 0
	}
	.pricing-tables .pricing-table:hover {
		top: 0
	}
	.milestone-block {
		margin-bottom: 25px;
		margin-right: 20px
	}
	.fittext {
		font-size: 30px;
		line-height: 38px
	}
	.team-member {
		margin-bottom: 30px
	}
	.member-photo {
		display: inline-block;
		margin: 0 auto
	}
	.easyPieChart {
		margin: 0 40px 20px 0
	}
	.right-sidebar {
		margin-top: 60px;
		padding-top: 60px;
		border-top: 1px solid #eee
	}
	.sidebar .widget {
		margin-bottom: 35px
	}
}

@media(max-width:768px) {
	.tp-leftarrow,
	.tp-rightarrow {
		display: none!important
	}
	.tp-caption a.btn-system {
		display: none
	}
	.history-box img {
		float: none;
		width: 100%
	}
	.history-content {
		float: none;
		width: 100%!important
	}
	.history-box span.history-date {
		right: inherit;
		left: 15px
	}
	.portfolio-filter li {
		margin-bottom: 8px
	}
	.portfolio-4 .portfolio-item {
		width: 100%!important;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 20px
	}
	.milestone-block {
		display: flex;
		margin-bottom: 20px;
		margin-right: 18px
	}
}

@media only screen and (max-width:479px) {
	.easyPieChart,
	.top-bar {
		text-align: center
	}
	.navbar-default .navbar-nav {
		padding: 15px 0
	}
	.search-form,
	.show-search {
		display: none
	}
	ul.social-list li {
		/*margin: 0 3px*/
	}
	ul.social-list li a i {
		font-size: .9em;
		display: block;
		width: auto;
		line-height: 30px;
		border: none!important
	}
	ul.social-list li a:hover {
		background-color: transparent!important
	}
	ul.social-list li a.facebook:hover {
		color: #507cbe
	}
	ul.social-list li a.twitter:hover {
		color: #63cdf1
	}
	ul.social-list li a.whatsapp:hover {
		color: #25D366
	}
	ul.social-list li a.google:hover {
		color: #f16261
	}
	ul.social-list li a.dribbble:hover {
		color: #e46387
	}
	ul.social-list li a.linkdin:hover {
		color: #90cadd
	}
	ul.social-list li a.tumblr:hover {
		color: #4d7ea3
	}
	ul.social-list li a.flickr:hover {
		color: #e474af
	}
	ul.social-list li a.instgram:hover {
		color: #4d4f54
	}
	ul.social-list li a.vimeo:hover {
		color: #87d3e0
	}
	ul.social-list li a.skype:hover {
		color: #36c4f3
	}
	.navbar-default .navbar-toggle {
		margin-top: 15px;
		outline: 0
	}
	.navbar-default .navbar-nav>li>a {
		padding: 5px 0 5px 10px;
		display: block;
		border: none!important
	}
	.navbar-default .navbar-nav>li>a:after {
		display: none
	}
	.navbar-default .navbar-nav>li>a:hover {
		opacity: .7
	}
	.navbar-default .navbar-nav>li {
		margin-left: 0;
		display: block;
		margin-bottom: 5px;
		width: 100%
	}
	.navbar-default .navbar-nav>li.drop>a {
		padding-right: 10px;
		border-radius: 2px
	}
	ul.dropdown,
	ul.sup-dropdown {
		opacity: 1!important;
		position: relative!important;
		visibility: visible!important;
		width: 100%!important;
		top: inherit!important;
		left: 0!important;
		margin-top: 0!important;
		background: #fff!important;
		padding-left: 20px!important;
		box-shadow: none!important
	}
	ul.dropdown li,
	ul.sup-dropdown li {
		border-top: 0
	}
	.milestone-block {
		display: flex;
		clear: left;
		margin-right: 0
	}
	.btn-system {
		margin-bottom: 10px
	}
	.easyPieChart {
		font-size: 24px;
		font-weight: 400;
		position: relative;
		display: inline-block;
		margin: 0 0 20px;
		overflow: hidden
	}
	.classic-title span {
		padding-bottom: 0;
		border-bottom: 1px solid
	}
}