/* --------------------------------------
=========================================
RESPONSIVE FIXES
=========================================
-----------------------------------------*/


@media (max-width: 1200px) {
.benefit-left {
    font-size: 15px;
    margin: 35px 0;
}
.benefit-right {
    font-size: 15px;
    margin: 35px 0;
}
.wedid-text {
    font-size: 25px;
}
}

@media (max-width: 1200px) and (min-width: 992px) {
	.team-desc {
	  width: 210px; 
	  height: 121.24px;
	  margin: 60.62px 0;
	}
	.team-desc:before, .team-desc:after {
		border-left: 105px  solid transparent;
		border-right: 105px solid transparent;
	}
	.team-desc:before {
		border-bottom: 60.62px solid #3498db;
	}
	.team-desc:after {
		border-top: 60.62px solid #3498db;
	}
	.team-name {
		font-size: 22px;
	}
	.team-prof {
		font-size: 19px;
		margin: 20px 0 3px;
	}
}
@media (max-width: 992px) {
	.navbar-collapse.top-menu {
		display: none !important;
	}
	.showmenu {
		display: block;
	}
	.header-left-bg {
		background: rgba(52, 152, 219, 0.8);
		border: none !important;
		height: 100%;
		width: 100%;
	}
	.header-right-bg {
		display: none;
	}
	.header-left {
		padding: 0 15px;
	}
	.service {
		margin-bottom: 20px;
	}
	.feature1-left-bg {
		background: rgba(52, 152, 219, 0.9);
		border: none;
		height: 100%;
		width: 100%;
	}
	.feature1-right-bg {
		display: none;
	}
	.feature1-left {
		padding-right: 15px;
	}
	.feature2-left-bg {
		background: rgba(52, 152, 219, 0.9);
		border: none;
		height: 100%;
		width: 100%;
	}
	.feature2-right-bg {
		display: none;
	}
	.feature2-left {
		padding-right: 15px;
	}
	.feature3-left-bg {
		background: rgba(52, 152, 219, 0.9);
		border: none;
		height: 100%;
		width: 100%;
	}
	.feature3-right-bg {
		display: none;
	}
	.feature3-left {
		padding-right: 15px;
	}
	.feature4-left-bg {
		background: rgba(52, 152, 219, 0.9);
		border: none;
		height: 100%;
		width: 100%;
	}
	.feature4-right-bg {
		display: none;
	}
	.feature4-left {
		padding-right: 15px;
	}
	.benefits {
		padding: 80px 0 50px;
	}
	.benefit-left {
		margin: 0 0 30px;
	}
	.benefit-right {
		margin: 0 0 30px;
	}
	.wedid {
		margin-bottom: 20px;
	}
	.info-1 {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
		margin-bottom: 30px;
	}
	.info-2 {
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.team {
		margin-bottom: 30px;
	}
	.howwork {
		margin-bottom: 40px;
	}
	.contact-2 {
		padding: 0;
		margin-top: 30px;
	}
	.contacts input {
		margin-bottom: 10px;
	}
	.contact-form input {
		margin-bottom: 10px;
	}
	.breadcrumb {
		font-size: 40px;
	}
}

@media (max-width: 768px) {
	h2.line-bg {
		background: none;
	}
	h2.line-bg-inverse {
		background: none;
	}
	.top-navbar {
		padding: 10px 15px;
	}
	.subheader {
		width: auto;
	}
	.benefit-left {
		margin: 30px 0;
	}
	.benefit-right {
		margin: 30px 0;
	}
	.ready-text {
		margin-bottom: 30px;
		text-align: center;
	}
	.ready .text-right {
		text-align: center;
	}
	.price {
		margin-bottom: 30px;
	}
	.video {
		height: 300px;
	}
	.video video {
		margin-top: 150px;
	}
	.play-video {
		margin: 60px auto 40px;
	}
	.stop-video {
		margin: 60px auto 40px;
	}
	.video h2.border-bottom-center {
		font-size: 40px;
	}
	.more-video {
		margin-top: 20px;
	}
	.blog-item {
		margin-bottom: 30px;
	}
	.breadcrumb {
		font-size: 30px;
	}
}
 
@media (max-width: 595px) {
	.header h1 {
		font-size: 80px;
		line-height: 80px;
	}
	.header-subtitle {
		font-size: 26px;
		margin-left: 180px;
		margin-top: -78px;
	}
	.header-left .btn-default-inverse {
		margin-left: 7px;
		padding: 12px 87px;
	}
}

@media (max-width: 480px) {
	h2.border-bottom {
		font-size: 24px;
	}
	h2.border-bottom-center {
		font-size: 24px;
	}
	h2.line-bg {
		font-size: 24px;
	}
	h2.line-bg-inverse {
		font-size: 24px;
	}
	.subheader {
		font-size: 16px;
	}
	.services {
		padding: 50px 0;
	}
	.benefits {
		padding: 50px 0;
	}
	.chart {
		padding: 50px 0 0;
	}
	.infos {
		padding: 50px 0;
	}
	.info-1 > p {
		font-size: 16px;
	}
	.info-2 > p {
		font-size: 16px;
	}
	.portfolio {
		padding: 50px 0 0;
	}
	.photo-info {
		margin-top: 10px;
	}
	.view h3 {
		font-size: 18px;
		padding-bottom: 0px;
	}
	.view a.info {
		font-size: 12px;
		padding: 5px 8px;
	}
	.whywes {
		padding: 50px 0;
	}
	.teams {
		padding: 50px 0;
	}
	.clients {
		padding: 50px 0;
	}
	.video {
		height: 180px;
	}
	.video video {
		margin-top: 90px;
	}
	.video h2.border-bottom-center {
		display:none;
	}
	.play-video {
		margin: 35px auto 40px;
	}
	.stop-video {
		margin: 35px auto 40px;
	}
	.prices {
		padding: 50px 0;
	}
	.blog {
		padding: 50px 0;
	}
	.rev-navigation {
		float: none;
		margin-bottom: 20px;
		margin-top: 0;
		text-align: center;
	}
	.rev-name {
		font-size: 40px;
	}
	.rev-text {
		font-size: 20px;
	}
	.faqs {
		padding: 50px 0;
	}
	.panel-heading {
		padding: 15px 5px 15px 50px;
	}
	.panel-title {
		font-size: 13px;
	}
	.contacts {
		padding: 50px 0;
	}
	.contact-1 > p {
		font-size: 16px;
	}
	.single-blog-text {
		font-size: 16px;
	}
	.single-portfolio-text {
		font-size: 16px;
	}
	.breadcrumb {
		font-size: 20px;
	}
}
@media (max-width: 450px) {
	.social-icons {
		width: 320px;
	}
	.social {
		margin: 25px 10px;
	}
}
@media (max-width: 390px) {
	.header h1 {
		font-size: 63px;
		line-height: 63px;
	}
	.header-subtitle {
		font-size: 20px;
		margin-left: 140px;
		margin-top: -59px;
	}
	.header-left .btn-default-inverse {
		border-width: 1px;
		font-size: 16px;
		margin-left: 6px;
		padding: 10px 80px;
	}
}