/* IT-Firm IT Businees HTML-5 Template */

@media only screen and (max-width: 1540px) {

	.header-style-two .outer-box .button-box {
		display: none;
	}

}

@media only screen and (max-width: 1340px) {

	.page-wrapper {
		overflow: hidden;
	}

	.fluid-one_column-inner {
		padding: 30px 30px;
	}

	.fluid-one_content {
		left: 0px;
		right: 0px;
		padding: 0px 15px;
	}

	.about-one_counter-block {
		left: 0px;
	}



	.about-two_content {
		z-index: 20;
	}

}

@media only screen and (max-width: 1200px) {

	.testimonial-three_image img {
		margin-left: -20% ! IMPORTANT;
	}

	.about-one_content-inner {
		padding-right: var(--padding-zero);
	}

	.step-block_one-content-inner {
		padding-left: var(--padding-zero);
		padding-right: var(--padding-right-80);
	}

	.step-block_one:nth-child(2) .step-block_one-content-inner {
		padding-right: var(--padding-right-20);
	}

	.step-block_one:nth-child(2) .step-block_one-text {
		max-width: 100%;
	}

	.main-header .sticky-header .main-menu .navigation>li {
		margin-right: var(--margin-right-20);
	}

	.header-style-two .logo {
		margin-right: var(--margin-right-30);
	}
	.wpp span {
    left: 90%;
}

}

@media only screen and (max-width: 1140px) {

	.testimonial-three_image img {
		margin-left: -30% ! IMPORTANT;
	}

	.nav-toggle-btn,
	#open_offcanvas {
		margin-left: var(--margin-left-30);
	}

	.main-slider {
		padding-left: var(--padding-zero);
	}

	.news-block_one-content {
		padding: 35px 20px 30px;
	}

	.header-style-one .nav-outer .main-menu {
		padding: 20px 40px;
	}

	.about-one_color-layer {
		left: 0px;
		right: 0px;
	}

	.fluid-one_column-inner .sec-title_heading {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.fluid-one .owl-dots {
		right: 15px;
		bottom: 15px;
	}

	.team-color-box,
	.header-social_box-two,
	.fluid-one_image:after
	 {
		display: none;
	}

	.header-style-two .outer-box .language {
		margin-right: 0px;
	}

	.team-one {
		padding: 110px 0px 70px;
	}

	.awards-one_inner-container {
		padding: 100px 30px 100px;
	}

	.feature-block_one-inner {
		padding: 35px 20px 30px;
	}

	.services-two .owl-dots,
	.case-one .owl-dots,
	.services-one .owl-dots {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		background: none;
	}

	.services-two .owl-dots .owl-dot,
	.case-one .owl-dots .owl-dot,
	.services-one .owl-dots .owl-dot {
		width: 30px;
		opacity: 1;
		margin: 0px 3px;
		background-color: var(--black-color);
	}

	.services-two .owl-dots .owl-dot.active,
	.services-two .owl-dots .owl-dot:hover,
	.case-one .owl-dots .owl-dot.active,
	.case-one .owl-dots .owl-dot:hover,
	.services-one .owl-dots .owl-dot.active,
	.services-one .owl-dots .owl-dot:hover {
		background-color: var(--avs-yellow);
	}

	.testimonial-section .carousel-column .inner-column {
		margin-left: var(--margin-zero);
	}

	.company-two_image img {
		max-width: 100%;
	}

	.about-three_image {
		margin-left: var(--margin-zero);
	}

	.about-three .sec-title_three-big_title {
		font-size: var(--font-90);
	}

	.step-block_one-number-inner {
		padding-right: var(--padding-zero);
	}

	.step-block_one:nth-child(2) .step-block_one-content-inner {
		padding-left: var(--padding-zero);
	}

	.step-block_one:nth-child(2) .step-block_one-number-inner {
		padding-right: var(--padding-right-60);
	}

	.testimonial-section-two .side-image,
	.header-style-three .header-upper .outer-box .button-box,
	.step-block_one-content-inner::before {
		display: none;
	}

	.about-three_image-inner {
		padding-left: var(--padding-zero);
	}

	.service-block_four-list {
		margin-left: var(--margin-zero);
	}

	.testimonial-section-two .inner-container {
		padding-left: var(--padding-left-100);
	}

	.case-two .owl-nav {
		margin-left: var(--margin-zero);
		margin-right: var(--margin-zero);
	}

	.case-two .owl-dots {
		width: auto;
		background: none;
		text-align: center;
		margin-left: var(--margin-zero);
	}

	.case-two .owl-dots .owl-dot {
		width: 30px;
		opacity: 1;
		margin: 0px 5px;
		display: inline-block;
		background-color: var(--white-color);
	}

	.case-two .owl-dots .owl-dot.active,
	.case-two .owl-dots .owl-dot:hover {
		opacity: 0.50;
	}

	.contact-one_form-inner {
		padding-right: var(--padding-zero);
	}

	.contact-one_info-inner {
		padding: var(--padding-zero);
	}

	.service-block_five-inner {
		padding: 25px 25px;
	}

	.company-three_heading {
		line-height: 50px;
		font-size: var(--font-40);
	}

	.step-two_block-text {
		padding: var(--padding-zero);
	}

	.testimonial-two_carousel-inner {
		padding-left: var(--padding-zero);
	}

	.blog-single .inner-box .lower-content {
		padding: 30px 0px 0px;
	}

	.contact-one .info-column .inner-column {
		margin-top: var(--margin-zero);
	}

	.projects-detail .info-column .inner-column {
		padding: 25px 25px;
	}

}

@media only screen and (min-width: 768px) {



	.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0;
	}



}

@media only screen and (max-width: 991px) {
    
    	.wpp span {
    left: 90%;
}

	.header-style-three .logo {
		padding: 15px 0px;
	}

	.testimonial-three_image img {
		width: fit-content;
		float: right;
		z-index: 0;
	}

}

@media only screen and (max-width: 1023px) {




	.header-style-two .logo {
		margin-right: 30px;
	}

	.main-header .main-box .logo-box {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		margin: 0px;
		text-align: left;
	}

	.main-menu .navigation>li>a {
		font-size: 14px;
	}

	.main-header .main-menu .navigation>li {
		margin-right: var(--margin-right-25);
	}

	.main-header .header-upper .logo-box {
		margin: 0px;
		padding: 0px;
	}

	.main-header .sticky-header .logo {
		padding: 10px 0px 10px;
	}

	.main-header {
		position: relative;
	}

	.main-menu .navigation>li>a {
		text-transform: capitalize;
	}

	.main-header .main-menu .navigation>li>a {
		padding: 20px 0px;
	}

	.mCSB_inside>.mCSB_container {
		margin-right: var(--margin-zero);
	}

	.main-header .main-menu {
		display: none;
	}

	.main-header .sticky-header .mobile-nav-toggler {
		display: block;
		margin-left: var(--margin-left-25);
	}

	.main-header .mobile-nav-toggler {
		display: block;
		font-size: var(--font-26);
	}

	#navbarSupportedContent {
		display: block;
	}

	.slider-three_icon-two,
	.nav-toggle-btn {
		display: none;
	}

	.main-header .outer-box {
		right: 0px;
	}

	.main-header.header-style-three .header-lower .mobile-nav-toggler {
		filter: invert(100%);
	}

	.header-top,
	.main-header .logo:after {
		display: none;
	}

	.main-slider .slide {
		padding: 110px 0px 120px;
	}

	.header-style-one {
		min-height: 91px;
	}

	.service-one {
		padding: 70px 0px 20px;
	}

	.service-block_one {
		margin-bottom: var(--margin-bottom-60);
	}

	.service-block_one-inner {
		margin-top: var(--margin-zero);
	}

	.fluid-one_carousel-column {
		width: 100%;
	}

	.fluid-one_content-column {
		width: 100%;
	}

	.fluid-one .outer-container {
		display: block !important;
	}

	.fluid-one_column-inner {
		padding: 90px 15px 60px;
		max-width: 100%;
	}

	.cta-one .right-box {
		margin-top: var(--margin-top-30);
	}

	.header-style-two .header-lower .outer-box {
		width: 100%;
		display: block !important;
		padding-right: var(--padding-zero);
	}

	.blog-single .post-share-options {
		padding: var(--padding-zero);
	}

	.blog-single .inner-box blockquote br,
	.main-header.header-style-two .header-lower .language {
		display: none;
	}

	.main-header.header-style-two .mobile-nav-toggler {
		position: relative;
		color: var(--black-color);
		margin-left: var(--margin-left-25);
	}

	.header-style-two .search-box-btn {
		padding: 20px 20px;
		display: inline-block;
	}

	.header-style-two .header-upper {
		padding: var(--padding-zero);
	}

	.main-header .info-box {
		margin-left: var(--margin-zero);
		margin-right: var(--margin-right-30);
	}

	.header-style-two .upper-right {
		padding: 15px 0px 25px;
	}

	.featured-one .feature-block_one {
		width: 33%;
		text-align: center;
	}

	.clients-one {
		padding-top: var(--padding-top-50);
		margin-top: var(--margin-zero);
	}

	.featured-one {
		padding-bottom: var(--padding-bottom-80);
	}

	.about-two_image-column {
		order: 2;
	}

	.about-two_content {}

	.about-two_image {
		margin-top: var(--margin-top-40);
	}

	.choose-tabs .tab-btns .tab-btn {
		margin: 0px 15px;
	}

	.choose-one_content-inner {
		padding: var(--padding-zero);
	}

	.choose-one_content-column {
		order: 1;
		margin-bottom: var(--margin-bottom-35);
	}

	.choose-one_image-column {
		order: 2;
	}

	.header-style-three .header-upper .outer-box .nav-btn {
		margin-right: var(--margin-right-25);
	}

	.about-three_image-column {
		order: 1;
	}

	.about-three_content-column {
		order: 2;
	}

	.counter-three_block {
		margin-bottom: var(--margin-bottom-30);
	}

	.counter-three_block:last-child {
		margin-bottom: var(--margin-zero);
	}

	.step-block_one:nth-child(2) .step-block_one-number-inner {
		padding-right: var(--padding-zero);
	}


	.step-block_one:nth-child(2) .step-block_one-number-column {
		order: 2;
	}

	.step-block_one:nth-child(2) .step-block_one-content {
		order: 1;
	}

	.testimonial-section-two .inner-container {
		padding-left: var(--padding-zero);
	}

	.testimonial-section-two .carousel-outer {
		max-width: 100%;
	}

	.slider-three_title {
		line-height: 60px;
		font-size: var(--font-50);
	}

	.company-three_inner {
		padding-top: var(--padding-zero);
	}

	.company-three_image-column {
		order: 2;
	}

	.company-three_content-column {
		order: 1;
		margin-bottom: var(--margin-bottom-30);
	}

	.cta-two_button-box {
		position: relative;
		margin-top: var(--margin-top-25);
	}

	.step-block_two:nth-child(2) .step-block_two-inner::before,
	.steps-two_pattern {
		display: none;
	}

	.testimonial-two_image-inner {
		padding-top: var(--padding-zero);
	}

	.testimonial-two_carousel-column {
		order: 1;
	}

	.testimonial-two_image-column {
		order: 2;
	}

	.page-title {
		padding: 120px 0px;
	}

	.testimonial-three_carousel-column {
		margin-bottom: var(--margin-bottom-40);
	}

	.projects-detail .info-column .inner-column {
		width: 100%;
		margin-top: var(--margin-top-40);
	}

	.sidebar-page-container .sidebar-side.left-sidebar {
		order: 2;
	}

	.sidebar-page-container .content-side.right-sidebar {
		order: 1;
	}

	.header-style-two.fixed-header .logo {
		width: 180px;
		padding: 22px 0px;
		padding-right: var(--padding-right-50);
	}

	.header-style-two .outer-box {
		top: 45px;
		right: 30px;
	}

	.header-style-two .outer-box .search-box {

		margin-left: 0px;
	}

	.search-box a {

		padding: 14px 0px 0px 15px !important;

	}

}

@media only screen and (max-width: 900px) {}

@media only screen and (max-width: 767px) {

			.case-one_pattern-layer-two {
		display: none;
	}
    
    	.wpp span {
    left: 82%;
}

	.header-upper .logo-outer {
		position: relative;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		width: 100%;
		margin: 0px;
	}

	.main-header .sticky-header .outer-box {
		display: block;
		right: 15px;
		left: auto;
		top: 0px;
	}

	.nav-outer .mobile-nav-toggler {
		display: block;
		margin: 0;
		padding: 8px 0;
		margin-left: 20px;
	}

	.sec-title .text br {
		display: none;
	}

	.main-slider_title {
		line-height: 60px;
		font-size: var(--font-50);
	}

	.counter-one_inner-container {
		padding: 35px 40px 10px;
	}

	h2 {
		line-height: 46px;
		font-size: var(--font-36);
	}

	.fluid-one_image::before {
		top: 0px;
	}

	.testimonial-block_one-text {
		line-height: 34px;
		font-size: var(--font-20);
	}

	.company-three_icon-two {
		display: none;
	}

	.slider-two_heading {
		line-height: 60px;
		font-size: var(--font-50);
	}

	.featured-one .feature-block_one {
		width: 50%;
	}

	.case-block_lower-content {
		padding: 25px 25px 25px;
	}

	.banner-one_icons,
	.counter-two_pattern-one,
	.counter-two_pattern-three,
	.case-one_inner-container::before {
		display: none;
	}

	.case-one_pattern-layer {
		transform: scale(0.7, 0.7);
	}

	.counter-two_inner-container {
		padding: 65px 30px 65px;
	}

	.price-block .inner-box .recomend {
		position: relative;
		top: 0px;
	}

	.pricing-tabs .tab-btns {
		margin-bottom: var(--margin-bottom-20);
	}

	.sec-title_two-heading {
		line-height: 44px;
		font-size: var(--font-34);
	}

	.header-style-three .header-upper .outer-box .nav-btn {
		margin-right: var(--margin-right-5);
	}

	.sec-title_three-big_title {
		font-size: var(--font-100);
	}

	.company-one_block {
		margin-bottom: var(--margin-bottom-90);
	}

	.company-one_lower-text {
		margin-top: var(--margin-zero);
	}

	.counter-three_inner-container {
		padding: 40px 35px;
	}

	.contact-one_pattern,
	.step-block_two-inner::before,
	.step-block_one-arrow,
	.counter-three_pattern-two {
		display: none;
	}

	.step-block_one-content-inner {
		padding-right: var(--padding-zero);
	}

	.steps-one {
		padding-bottom: var(--padding-bottom-50);
	}

	.service-block_four-inner {
		padding: 30px 20px 30px;
	}

	.cta-two_inner-container {
		border-radius: 0px;
	}

	.prev-post-thumb {
		padding: var(--padding-zero);
	}

	.new-posts .left-box {
		width: 100%;
		text-align: center;
		margin-bottom: var(--margin-bottom-25);
	}

	.next-post-thumb .thumb-image,
	.prev-post-thumb .thumb-image {
		position: relative;
		display: block;
		margin: 0 auto;
		margin-bottom: var(--margin-bottom-15);
	}

	.new-posts .right-box {
		width: 100%;
		text-align: center;
	}

	.next-post-thumb {
		text-align: center;
		padding: var(--padding-zero);
	}

	.sidebar-page-container .comments-area .comment .comment-reply {
		right: 0px;
	}

	.comment-form form {
		padding: 20px 20px 15px;
	}

	.feature-three {
		margin-bottom: var(--margin-bottom-30);
	}

	.service-detail h4 {
		margin-top: var(--margin-top-30);
	}

	.header-style-two .logo {
		padding: 15px 0px;
		width: 160px;
		padding-right: var(--padding-right-30);
	}

	.header-top_two .info-list {
		display: none;
	}

	.header-top_two {
		padding: 15px 0px;
	}

	.header-style-two .outer-box {
		top: 20px;
	}

}

@media only screen and (max-width: 599px) {

	.sec-title_three-heading,
	h2 {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.contact-widget .help {
		border: none;
		padding: var(--padding-zero);
	}

	.service-detail h3 {
		font-size: var(--font-24);
	}

	.counter-one_inner-container {
		background-position: center;
	}

	.counter-one_inner {
		text-align: center;
		padding-left: var(--padding-zero);
	}

	.counter-one_text {
		margin-left: var(--margin-zero);
	}

	.counter-one_icon {
		position: relative;
		display: block;
		width: 100%;
		margin-bottom: var(--margin-bottom-25);
	}

	.projects-one_filters li {
		margin: 0px 10px 15px;
		font-size: var(--font-16);
	}

	.slider-two_heading {
		line-height: 50px;
		font-size: var(--font-40);
	}

	.compant-two_list li,
	.sec-title_three-text,
	.slider-two_text {
		font-size: var(--font-16);
	}

	.about-two_block {
		margin-bottom: var(--margin-bottom-25);
	}

	.about-two_block:last-child {
		margin-bottom: var(--margin-zero);
	}

	.case-two_pattern-two,
	.services-two .owl-dots,
	.counter-three_text br,
	.sec-title_three-big_title,
	.case-one .owl-dots,
	.services-one .owl-dots,
	.service-block_three-overlay {
		display: none;
	}

	.service-block_three-inner:hover .service-block_three-icon {
		opacity: 1;
	}

	.case-one .owl-nav,
	.services-one .owl-nav {
		margin-top: var(--margin-zero);
	}

	.testimonial-section .carousel-column .inner-column {
		padding: 30px 30px;
	}

	.banner-one_heading {
		line-height: 50px;
		font-size: var(--font-40);
	}

	.testimonial-section-two .carousel-outer {
		padding: 30px 30px;
	}

	.slider-three_title {
		line-height: 50px;
		font-size: var(--font-40);
	}

	.slider-three_text {
		line-height: 30px;
	}

	.company-three_reviews {
		margin-top: var(--margin-top-20);
		margin-left: var(--margin-left-20);
	}

	.cta-two_title {
		line-height: 36px;
		margin-top: var(--margin-top-25);
	}

	.testimonial-block_two-text {
		padding: var(--padding-zero);
	}

	.page-title {
		padding: 80px 0px;
	}

}

@media only screen and (max-width: 479px) {

	.main-slider_title {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.sec-title_text br,
	.sec-title_heading br,
	.main-slider_text br {
		display: none;
	}

	.about-tabs .tab-btns .tab-btn {
		font-size: var(--font-15);
		margin-right: var(--margin-zero);
	}

	.about-one_detail {
		display: block;
		padding: 18px 15px;
		text-align: center;
	}

	.about-one_detail .play-icon {
		position: relative;
		display: block;
		margin: 0 auto;
		right: 0px;
		margin-top: var(--margin-top-15);
	}

	.about-one_image-text {
		line-height: 30px;
		font-size: var(--font-20);
	}

	.about-one_bold-text {
		bottom: 10px;
		font-size: var(--font-30);
	}

	.fluid-one_content .sec-title {
		margin-bottom: var(--margin-bottom-10);
	}

	.fluid-one_content .sec-title_text {
		display: none;
	}

	.fluid-one_column-inner .sec-title_heading {
		line-height: 36px;
		font-size: var(--font-26);
	}

	.sec-title_text {
		font-size: var(--font-16);
	}

	.testimonial-block_one-inner {
		padding-left: var(--padding-zero);
	}

	.testimonial-block_one-quote {
		position: relative;
		line-height: 1em;
		margin-bottom: var(--margin-bottom-20);
	}

	.news-block_one-content {
		margin-left: var(--margin-left-5);
		margin-right: var(--margin-right-5);
	}

	.cta-one_heading {
		line-height: 36px;
		font-size: var(--font-26);
	}

	.awards-one_inner-container {
		padding: 60px 20px 40px;
	}

	.sec-title_title {
		padding: var(--padding-zero) !important;
	}

	.sec-title_title:before,
	.sec-title_title:after {
		display: none;
	}

	.header-top_two .text {
		margin-bottom: var(--margin-bottom-10);
	}

	.slider-two_title {
		font-size: var(--font-16);
	}

	.slider-two_heading {
		line-height: 36px;
		font-size: var(--font-26);
	}

	.featured-one .feature-block_one {
		width: 100%;
	}

	.client-one_title {
		padding: var(--padding-zero);
	}

	.sec-title_three-heading br,
	.testimonial-section .carousel-column .authors-outer,
	.about-two_pattern-two,
	.client-one_title:before {
		display: none;
	}

	.sec-title_two-heading {
		line-height: 38px;
		font-size: var(--font-28);
	}

	.about-phone_box {
		margin-top: var(--margin-top-25);
		margin-left: var(--margin-zero);
	}

	.about-two_play {
		right: 20px;
		bottom: 20px;
	}

	.choose-one_image-inner {
		padding: var(--padding-zero);
	}

	.counter-two_inner-container {
		padding: 35px 15px 35px;
	}

	.testimonial-block .author-box .box-inner {
		padding-top: var(--padding-zero);
	}

	.testimonial-section .carousel-column .inner-column {
		padding: 20px 20px;
	}

	.testimonial-block .text {
		line-height: 28px;
		font-size: var(--font-16);
	}

	.news-two .owl-nav {
		position: relative;
		right: 0px;
		top: 0px;
	}

	.banner-one_heading {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.company-one_block_overlay {
		padding: 35px 25px;
	}

	.testimonial-block .author-box h5 {
		font-size: var(--font-20);
	}

	.clients-two_inner-container {
		padding: 50px 20px 40px;
	}

	.slider-three_title,
	.company-three_heading {
		line-height: 40px;
		font-size: var(--font-30);
	}

	.about-one_award {
		position: relative;
		left: 0px;
		bottom: 0px;
		right: 0px;
	}

	.blog-single .inner-box blockquote {
		padding: 25px 25px;
	}

	.sidebar-page-container .comments-area .comment {
		padding-left: var(--padding-zero);
	}

	.sidebar-page-container .comments-area .comment-box .author-thumb {
		position: relative;
	}

	.sidebar-page-container .comments-area .comment .comment-reply {
		position: relative;
		display: inline-block;
		margin-top: var(--margin-top-15);
	}

	.contact-one .form-column .inner-column {
		padding: 30px 25px;
	}

	.testimonial-block_four .author-outer {
		position: relative;
		top: 0px;
		display: inline-block;
		margin-bottom: var(--margin-bottom-25);
	}

	.testimonial-block_four-inner {
		padding-left: var(--padding-zero);
	}

	.header-style-three .sticky-header .outer-box .button-box,
	.header-style-two .outer-box .language {
		display: none;
	}

}

@media only screen and (max-width: 1240px) {

	.header-style-two .outer-box .search-box {
    position: relative;
    padding: 15px 10px;
    border-left: none;
    border-right: none;
    margin-left: 30px;
}

	.search-box a {
		padding: 14px 0px 0px 15px !important;

	}

	.header-style-two .main-menu .navigation > li {
    margin-right: 15px;
}

.header-style-two .logo {
    width: 300px;
    height: auto;
    padding: 27px 0px;
    max-width: inherit;
    padding-right: 20px;
    margin: var(--margin-zero);
            margin-right: 20px;
}
}

@media only screen and (max-width: 1023px) {
.header-style-two .outer-box .search-box {
	display: none;
}

.header-style-two .logo {
    width: 250px;
    height: auto;
    padding: 27px 0px;
    max-width: inherit;
    padding-right: 20px;
    margin: var(--margin-zero);
            margin-right: 20px;
}

.header-top_two {
    display: block;
    text-align: center;
}

.header-top_two .info-list li:last-child {
    border-right: none;
}

}

@media only screen and (max-width: 925px) {
	.header-top_two .info-list li {
 
    border-right: none;
}

.header-top_two .info-list li:first-child {
 
       border-right: 1px solid rgba(0, 0, 0, 0.10);
}
}