@media (min-width: 1200px){
  .container,
  .elementor-section.elementor-section-boxed>.elementor-container{
    max-width: 1200px !important;
  }
}

@media(max-width:1200px) {
	#page.site {
	  overflow: hidden;
	}
	.container {
		max-width: none;
	}
  .elementor-section.elementor-element.jnj-slider-top{
    margin-top: 0 !important;
  }
  .jnj-bg-img-hide.elementor-section{
    background-image: none !important;
  }

}

@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: 992px) and (max-width: 1200px){ 
  .navbar-expand-lg .navbar-nav{
    -ms-flex-direction: inherit !important;
    flex-direction: inherit !important;
    display: inherit;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px){ 
  .jnj-infobox-style1:after{
    content: none;
  }
}

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

	/* --------------------------------------
	 * Theme Special
	 * ---------------------------------------*/
	.elementor-column.elementor-element.column-break-100{
		width: 100% !important;
	}
	.elementor-column.elementor-element.column-break-50{
		width: 50% !important;
	}
	.column-break-ipad-padding .elementor-element-populated{
		padding-left: 0 !important;
	}
	.column-break-ipad-margin .elementor-element-populated{
		margin-right: 0 !important;
	}

}

@media (max-width: 1024px){

}

@media (max-width: 991px){

  .jnj-footer .footer-content .widget_jnj_logo img{
    max-height: 60px;
  }

  .jnj-tab-style1 .jnj-image img{
      width: 100%;
  }
  .single-services .site-main .jnj-content-service, 
  .site-main .jnj-content-area,
  .single-teampost .site-main .jnj-content-team{
    margin-top: 80px;
    margin-bottom: 40px;
  }
  .single-services .site-main .jnj-widget-sercice,
  .site-main .jnj-widget-area,
  .single-teampost .site-main .jnj-widget-team{
    margin-bottom: 50px;
    margin-top: 40px;
  }
  .single-teampost .jnj-team-details{
    padding-top: 50px;
  }

  /* project-singal */

  .single-portfolio .jnj-project-detail{
    padding-right: 0;
  }
  .single-portfolio .jnj-project-detail .jnj-info{
    display: contents;
  }

}

@media (max-width: 767px){

  .single-services .site-main .jnj-content-service, 
  .single-post .site-main .content-area,
  .single-teampost .site-main .jnj-content-team{
    margin-top: 60px;
    margin-bottom: 20px;
  }
  .single-services .site-main .jnj-widget-sercice,
  .single-post .site-main .sidebar-widget-area,
  .single-teampost .site-main .jnj-widget-team{
    margin-bottom: 30px;
    margin-top: 20px;
  }

	.jnj-testimonial-style1 .jnj-body{
    display: block;
  }
  .jnj-loader .jnj-loader-title {
    font-size: 32px;
    line-height: 42px;
  }
  .jnj-blog-standard .jnj-entry-footer{
    display: inline-block !important;
    width: 100%;
  }
  .jnj-blog-standard .jnj-entry-footer .jnj-entry-share{
    margin-top: 30px;
  }

  .jnj-copyright-inner .copyright-text,
  .jnj-copyright-inner{
    text-align: center;
  }
  .jnj-copyright-inner .copyright-text{
    margin-top: 15px;
  }
  .jnj-copyright-inner ul.bottom-link li{
    display: block;
    margin-right: 0;
  }
  .jnj-copyright-inner ul.bottom-link li:before{
    content: none;
  }

}

@media (max-width: 575px){

  .admin-bar header.fix-head{
    top: 0px;
  }

  .jnj-servicebox-style1 .jnj-service-info .jnj-btn-icon{
    display: none;
  }

  .jnj-tab-style1 ul{
    display: block;
  }
  .jnj-tab-style1 ul li{
    margin-bottom: 10px !important;
  }

  .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;
  }

  /* 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;
  }

}