/* 
The One Pluse Finance - Business Corporate HTML5 Template

File:           CSS Base
Version:        1.1
Last change:     
Author:         WOWsketch

*/

/*-------- css code for responsive layout  --------*/
/*  To make Responsive
---------------------------------------------------------------------- /
*   1 - media screen and (max-width: 1199px)
*   2 - media screen and (max-width: 991px)
*   3 - media screen and (max-width: 767px)
*   4 - media screen and (max-width: 680px)
*   5 - media screen and (max-width: 480px)
*
---------------------------------------------------------------------- 


/*  1 - media screen and (max-width: 1199px)
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 991px) { 
	.header-content li {
		margin-right: 10px;
	}
	.nav>li>a {
		padding: 10px 10px;
	}
	.section-content {
		padding-top: 70px;
	}
	.service-head h3 {
		font-size: 20px;
	}
	.achive-text .count, 
	.achive-text .count-title {
		font-size: 15px;
	}
	.one-pluse-title a {
		font-size: 22px;
	}
	.footer-social-list li a i {
		margin-right: 5px;
	}
	.pb95 {
		padding-bottom: 50px;
	}

	.colmd5 {
		margin: 0 auto;
	}
	.consultation-pic {
		position: static;
		text-align: center;
	}
	.col-xs-12 {
		width: 100%;
	}
	.consultation-text {
		margin-top: 35px;
	}
	.our-team-section {
		margin-top: 0px;
	}
	.tabs_item {
		padding-bottom: 0;
	}
	.colmd7 {
		margin: 0 auto;
	}
	.header-top {
		padding: 10px 0px;
	}
	.text-consultation-1 {
		max-width: 100%;
	}
	#get-call-1 .get-call-text h2 {
		font-size: 26px;
	}
	.get-call-content {
		text-align: center;
	}
	#get-call-1 .get-call-button {
		padding: 15px 25px 5px 25px;
		margin-top: 20px;
	}
	.project-item-details {
		text-align: center;
	}
	.project-item button {
		padding: 0px 5px;
	}
	.mix  {
		margin-right: 0;
	}
	.get-call-button {
		padding: 15px 40px 10px 40px;
		margin-top: 20px;
	}
	.get-call-section {
		padding: 70px 0px;
	}
}

@media screen and (max-width: 767px) {
	.header-top {
		display: none;
	}
	.navbar-brand {
		width: 160px;
	}
	.stuck .navbar-brand {
		width: 180px;
	}
	.container {
		padding: 0px 30px;
	}
	.menu, .menu-bg, .menu-burger {
		display: block;
	}
	.tp-caption.Concept-Notice a {
		width: 200px;
		height: 45px;
		line-height: 45px;
	}
	.page-head-section {
		padding-bottom: 350px;
	}
	.our-video {
		float: none !important;
	}
	.section-content {
		padding-top: 50px;
	}
	.Left-service {
		text-align: center;
	}
	.service-head h3 {
		font-size: 25px;
	}
	.service-pic {
		text-align: center;
	}
	.right-service {
		text-align: center;
		margin-top: 30px;
	}
	.service-name {
		margin-bottom: 35px;
	}
	.achievement-content .count-up:nth-child(2) .achievement-icon-text {
		border-right: none;
	}
	.achive-text {
		padding-top: 20px;
		margin-bottom: 20px;
	}
	.colmd4 {
		margin: 30px auto;

	}
	.footer-service-list li {
		display: block;
	}
	.footer-service {
		padding-top: 25px;
	} 
	.footer-service-head {
		padding-bottom: 10px;
	}
	.footer-social {
		margin-top: 15px;
	}
	.footer-logo {
		margin-top: 15px;
	}
	.pb105 {
		padding-bottom: 50px;
	}
	.service-content {
		text-align: center;
	}
	.achievement-section .section-content {
		padding-bottom: 40px;
	}
	.get-call-section {
		padding: 60px 0px;
	}
	.team-mission-skill-secion {
		margin-top: 30px;
	} 
	.comment-form .contact-info input {
		width: 100%;
		margin-bottom: 20px;
	}
	.contact-info {
		margin-right: 0;
		margin-bottom: 15px;
	}
	.comment-form {
		margin-bottom: 30px;
	}
	.comment-form button {
		font-size: 20px;
		padding: 5px 20px 0px 20px;
	}
	.get-call-button {
		padding: 15px 20px 10px 20px;
	}
	.get-call-button a {
		font-size: 18px;
	}
}

@media screen and (max-width: 680px) { 
	h2 {
		font-size: 24px;
	}
	.title-text {
		padding-bottom: 25px;
	}
	.pb95 {
		padding-bottom: 50px;
	}
	.call-icon h3 {
		font-size: 28px;
	}
	.newsletter-form form input {
		height: 60px;
	}
	.pb85 {
		padding-bottom: 45px;
	}
	.blog-head h2 a {
		font-size: 20px;
	}
	.skill-title a {
		margin: 0 35px 0px 0px;
		font-size: 20px;
	}
	.get-call-section {
		padding: 35px 0px;
	}
	.section-content {
		padding-top: 35px;
	}
	.get-call-text h2 {
		font-size: 25px;
	}
	#get-call-1 .get-call-button {
		padding: 10px 20px 5px 20px;
	}
	#get-call-1 .get-call-button a {
		font-size: 20px;
	}
	.we-are-list {
		margin-bottom: 35px;
	} 
	.consultation-head {
		padding-bottom: 15px;
	}
	.text-consultation-1 {
		padding-top: 10px;
	}
	.title-text {
		padding-bottom: 10px;
	} 
	.blod-text {
		margin-bottom: 30px;
	} 
	.tabs_item {
		padding: 20px 0px 0px 0px;
	}
	.colmd4 {
		margin: 10px auto 30px auto;
	}
	.side-bar-post {
		margin-bottom: 35px;
	}
	.comment-number {
		margin-bottom: 25px;
	}
	.home-blog-content .one-pluse-button a {
		padding: 5px 15px 2px 15px;
	}
}
@media screen and (max-width: 580px) {
	.client-thinking-text {
		padding: 20px 0px 10px 50px;
	}
	.client-thinking-text:before {
		top: 0px;
		left: 18px;
	}
	.newsletter-form button {
		font-size: 12px;
	}
	.newsletter-form {
		padding-top: 0;
	}
	.section-content {
		padding-top: 35px;
	}
	.skill-title a {
		margin: 0 20px 0px 0px;

	}
	.home-blog-content .owl-controls {
		margin-top: 15px;
	} 
	.who-we-are-content .section-title {
		padding-top: 0;
	}
	.side-title-text {
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#get-call-1 .get-call-text h2 {
		font-size: 20px;
	}
	.text-consultation-1 {
		padding-bottom: 0;
	}
	.project-name {
		margin: 0 auto 10px auto; 
	}
	.one-pluse-button a {
		padding: 5px 15px 2px 15px;
	}
	.achievement-icon-text {
		border-right: none;
		border-bottom: 1px dashed;
		margin-bottom: 20px;
	}
	.achievement-content .count-up:nth-child(3) .achievement-icon-text {
		border: none;
	}
	.achievement-content .count-up:nth-child(4) .achievement-icon-text {
		border: none;
	}
} 
@media screen and (max-width: 480px) { 
	.skill-title a {
		font-size: 17px;
		margin: 0 15px 0px 0px; 
	}
	h2 {
		font-size: 20px;
	}
	.skill-tab  {
		margin-left: 0;
		margin-top: 30px;
	}
	.blog-text-pic .one-pluse-button a {
		font-size: 20px;
		padding: 8px 15px 4px 15px;
	}
	.blog-text-content {
		margin-bottom: 25px;
	}
	.img-list {
		margin: 15px 10px 0px 0px;
	}
	.tag-list li {
		margin: 0px 0px 15px 0px;
	}
	.error-text p {
		font-size: 20px;
	}
	.error-text {
		padding-bottom: 0;
	}
	.error-button li a, .error-button li span {
		font-size: 20px;
	}
	.project-name-title  {
		margin-left: 30px;
	}
	.project-item button {
		font-size: 16px;
	}
	.get-call-text h2 {
		font-size: 20px;
	}
	.tp-caption.Concept-Notice a {
		width: 180px;
		height: 40px;
		font-size: 14px;
	}

}
@media screen and (max-width: 500px) {
	.home-2 .tp-caption.Concept-Notice a {
		display: none;
	}
}
@media screen and (max-width: 420px) { 
	.achive-text .count,
	.achive-text .count-title {
		font-size: 12px;
	}
	.skill-title a {
		font-size: 15px;
	}
	.section-content {
		padding-top: 30px;
	}
	.our-list li {
		margin-bottom: 0; 
	}
	.get-call-section {
		padding: 25px 0px;
	}
	#get-call-1 .get-call-text h2 {
		font-size: 18px;
	}
	#get-call-1 .get-call-button {
		padding: 10px 15px 5px 15px;
		margin-top: 10px;
	}
	#get-call-1 .get-call-button  a {
		font-size: 15px;
	}
	.skill-title a {
		margin: 0 8px 0px 0px;
	}
	.consultation-text {
		margin-top: 15px;
	}
	.consultation-head h2 {
		font-size: 20px;
	}
	.blod-text {
		margin-bottom: 20px;
	}
	.home-blog-content .one-pluse-button a {
		padding: 5px 15px 3px 15px;
	}
	.one-pluse-button a {
		font-size: 18px;
	}
	.copy-right {
		padding: 10px 0px;
	} 
	.quicklink-list li {
		margin-bottom: 0;
	}
	.page-head-section {
		padding-bottom: 280px;
	}
	.blog-grid-section {
		padding: 0px 15px;
	}
	.header-bar {
		position: relative;
		height: 80px;
		background-color: rgba(0, 0, 0, 0.8);
	}
	.navbar-header {
		padding-top: 10px;
	}
}
@media screen and (max-width: 375px) { 
	.mobile-menu {
		top: 20px;
	}
	.navbar-brand {
		width: 50%;
	}
	.pb105 {
		padding-bottom: 25px;
	}
	.stuck .navbar-brand {
		padding-top: 5px;
	}
}