@media (max-width: 1366px) {
 .jnj-iconbox-item-5 .jnj-iconbox-area::before {
    content: none;
 }
 .jnj-iconbox-item-5 .jnj-iconbox-icon {
   width: inherit;
  }
}
@media (max-width: 1500px) {
	.jnj-header-item-1 .jnj-site-branding-area {
		margin: 0 100px;
	}
}

@media (max-width: 1400px) {
	.jnj-header-item-1 .jnj-site-branding-area {
		margin: 0 60px;
	}
}
@media (max-width: 1300px) {
	.jnj-header-item-1 .jnj-site-branding-area {
		margin: 0 30px;
	}
}
@media (min-width: 1200px) {
	.container,
	.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 1320px !important;
	}
}
.jnj-header-item-1 .jnj-menu-wrapper.jnj-sticky{
	position: relative;
}
@media(max-width:1200px) {
	#page.site {
		overflow: hidden;
	}
	.container {
		max-width: none;
	}
	/********** Pull right **********/
	.jnj-pull-right .elementor-widget-wrap>.elementor-element {
		width: 420px;
	}
	/********** Counter item 1 **********/
	.jnj-counter-image .jnj-counter-item-1 {
		display: none;
	}
	/********** Header **********/
	.header .jnj-menu-wrapper {
		padding: 25px 15px;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}
	.header .jnj-menu-wrapper.jnj-sticky {
		padding: 15px;
	}
	.jnj-header-item-2 .jnj-header-logo .jnj-logo .jnj-site-logo,
	.jnj-header-item-2 .jnj-header-logo .jnj-logo .jnj-site-sticky-logo {
		width: 180px;
	}
	.jnj-quote-form-second-bg .elementor-background-overlay {
		display: none !important;
	}
	.jnj-newslatter {
		text-align: center;
	}
	.jnj-newslatter .mc4wp-form-fields {
		display: block;
	}
	.jnj-newslatter .mc4wp-form-fields .jnj-newslatter-title {
		margin-bottom: 20px;
	}
	.jnj-newslatter .jnj-newslatter-title h3 {
		margin-right: 0;
	}
	.jnj-footer .footer-content {
		padding-top: 200px;
	}
	.jnj-header-item-1 .jnj-site-branding-area{
		margin: 0;
	}
	.jnj-header-item-1 .jnj-menu-wrapper.jnj-sticky.jnj-header-fix{
		position: fixed;
	} 
}

@media screen (min-width: 992px) {
	.site-content .jnj-widget-area.col-lg-4 {
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.site-content .jnj-content-area.col-lg-8 {
		-ms-flex: 0 0 70%;
		flex: 0 0 70%;
		max-width: 70%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.jnj-iconbox-item-4 .jnj-iconbox-area {
		display: block !important;
	}
	.jnj-iconbox-item-4 .jnj-iconbox-details {
		margin-left: 0;
		margin-top: 20px;
	}
}

@media (max-width: 1024px) {
	/********** Pull right **********/
	.jnj-pull-right .elementor-widget-wrap>.elementor-element {
		width: 100%;
	}
	.jnj-testimonial-item-1 .owl-carousel .owl-nav {
		display: none;
	}
	.jnj-quote-form-second {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
	/********** Sservices features 2 **********/
    .jnj-services-features-item-2 .jnj-services-features-area {
		margin:15px;
    }
}


@media (max-width: 991px) {
	/********** footer **********/
	.jnj-footer-topbar .jnj-social {
		text-align: center;
		margin-top: 50px;
	}
	.jnj-footer .footer-content .col-sm-6 {
		padding-bottom: 50px;
	}
	.jnj-footer .footer-content {
		padding-top: 300px;
		padding-bottom: 0px;
	}
	.single-team .jnj-team-image img {
		margin-bottom: 30px;
	}
	/*====================/====================/
         Sidebar Comman Details
	/====================/====================*/
	.archive .site-content .jnj-content-area,
	.search-results .site-content .jnj-content-area,
	.single-services .site-main .jnj-content-service,
	.single-post .site-main .jnj-content-area,
	.blog .site-main .jnj-content-area,
	.single-team .site-main .jnj-content-team {
		margin-top: 80px;
		margin-bottom: 40px;
	}
	.archive .site-content .jnj-widget-area,
	.search-results .site-content .jnj-widget-area,
	.single-post .site-main .jnj-widget-area,
	.blog .site-main .jnj-widget-area,
	.single-team .site-main .jnj-widget-team,
	.single-services .site-main .jnj-widget-sercice {
		margin-top: 60px;
		margin-bottom: 140px;
	}
	.single-project .site-content .site-main {
		margin-top: 80px;
		margin-bottom: 80px;
	}
}

@media (max-width: 767px) {
	.single-services .site-main .jnj-content-service,
	.single-post .site-main .jnj-content-area,
	.blog .site-main .jnj-content-area,
	.single-team .site-main .jnj-content-team {
		margin-top: 80px;
		margin-bottom: 40px;
	}
	.single-post .site-main .jnj-widget-area,
	.blog .site-main .jnj-widget-area,
	.single-team .site-main .jnj-widget-team,
	.single-services .site-main .jnj-widget-sercice {
		margin-bottom: 140px;
		margin-top: 40px;
	}
	.single-project .site-content .site-main {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	/********** Breadcrumb **********/
	.jnj-breadcrumb {
		padding: 100px 0px;
	}
	.jnj-breadcrumb .jnj-title {
		font-size: 30px;
		line-height: 40px;
	}
	.jnj-loader .jnj-loader-title {
		font-size: 32px;
		line-height: 42px;
	}
	.post-navigation .nav-links {
		display: inline-block;
	}
	.post-navigation .nav-links {
		margin: 30px 0;
	}
	.post-navigation .nav-links .nav-previous,
	.post-navigation .nav-links .nav-next {
		width: 100%;
	}
	.post-navigation .nav-links .nav-previous {
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.post-navigation .nav-links .nav-next {
		margin-left: 0px;
	}
	.post-navigation .nav-links .nav-next a {
		display: inline-flex;
	}
	.comments-area {
		margin-top: 20px;
	}
	/********** Owal dots **********/
	.jnj-testimonial-item-1 .owl-carousel .owl-dots,
	.jnj-service-item-1 .owl-carousel .owl-dots,
	.jnj-project-item-1 .owl-carousel .owl-dots {
		display: none;
	}
	/********** Vertical heading **********/
	.jnj-vertical-heading h2.elementor-heading-title {
		top: -150px;
	}
	/********** Newslatter **********/
	.jnj-newslatter .mc4wp-form-fields {
		display: block;
		text-align: center;
	}
	.jnj-newslatter .mc4wp-form-fields .jnj-newslatter-title {
		margin-bottom: 20px;
	}
	.jnj-footer-bottom {
		padding: 30px 0px;
	}
	.jnj-footer-bottom .row {
		display: block;
		text-align: center;
	}
	.jnj-footer-bottom .copyright-text {
		text-align: center;
		margin-top: 20px;
	}
	/********** Project **********/
	.jnj-content-project .jnj-content-info li {
		width: 100%;
		float: none;
		padding: 10px 0 10px 25px;
	}
	.jnj-content-project ul.jnj-content-info {
		padding: 20px 0px;
	}
	.jnj-footer .footer-content {
		padding-top: 280px;
		padding-bottom: 0px;
	}
	/********** Iconbox item 5 **********/
	.jnj-iconbox-item-5 .jnj-iconbox-area::before {
		display: none;
	}
	.jnj-iconbox-item-5 .jnj-iconbox-icon {
		margin-right: 20px;
	}
	/********** Sservices features 2 **********/
	.jnj-services-features-item-2 .jnj-services-features-area {
		margin:15px 0 15px 0;
	}
    /********** Heading **********/
	.jnj-heading-item-1 .jnj-heading-title {
		font-size: 36px;
		font-weight: 700;
		line-height: 46px;
		margin-bottom: 0;
	}
    /********** Error 404 **********/
	.error-404 h1 {
		font-size: 36px;
		line-height: 40px;
   }
}


@media (max-width: 575px) {
	.jnj-blog-standard .jnj-entry-footer {
		display: block !important;
	}
	.jnj-blog-standard .jnj-entry-footer .jnj-entry-share {
		margin-top: 20px;
	}
	.admin-bar header .jnj-header-fix {
		top: 0px;
	}
	.comment-respond .jnj-comment-form p.comment-form-url,
	.comment-respond .jnj-comment-form p.comment-form-email,
	.comment-respond .jnj-comment-form p.comment-form-author {
		-ms-flex: 100%;
		flex: 100%;
		width: 100%;
		margin-bottom: 0;
		margin-left: 0;
	}
	.comment-list .comment-respond {
		padding-left: 0px;
	}
	/********** Comman css **********/
	.jnj-comment-avatar {
		float: none;
	}
	.comment-list .jnj-comment-descript {
		margin-left: 0;
		margin-top: 30px;
	}
	.comment-respond .comment-form .jnj-comment-form {
		display: block;
	}
	.comment-respond .jnj-comment-form p.comment-form-author {
		width: 100%;
		margin-left: 0;
	}
	/********** Vertical heading **********/
	.jnj-vertical-heading h2.elementor-heading-title {
		display: none;
	}
	/********** Quote form **********/
	.jnj-quote-form .jnj-language-arrow:before {
		content: none;
	}
	.jnj-quote-form.jnj-quote-form-second [type=submit].wpcf7-submit {
		margin-top: 20px;
	}

	.jnj-testimonial-item-1 .d-flex.align-items-center{
	   display: inherit !important;
	}

	.jnj-testimonial-item-1 .jnj-testimonial-heading{
	    margin: 15px 0	
	}

	.jnj-testimonial-item-1 .jnj-testimonial-rating{
		text-align: left;
	}

}

@media (max-width: 450px) {
	.jnj-newslatter .jnj-footer-newslatter button {
		position: inherit;
		top: 20px;
	}
	.jnj-footer .footer-content {
		padding-top: 380px;
	}
}