/*Aliging menu with logo text*/
 @media screen and (min-width: 769px) {
     .main-navigation>ul>li {
         left: 9.6% !important;
         /*Aligning the menu with the logo text left : 120px*/
         left: 0 !important;
     }
	 .dataTables_wrapper .tablepress {
		 width: 100% !important;
	 }

	 .dataTables_scrollBody {
		 overflow: hidden;
	 }
 }
@media screen and (min-width: 1100px) { 
	#site-logo { 
		position: relative;
		left: -82px;
	}
	.mid-content { 
		max-width: calc(100% - 210px);
	}
}
@media screen and (max-width: 1400px) {
     .googlemap_template_new .ap-contact-wrap .new-googlemap-contact .googlemap-contact-wrap {
         padding: 0 10px;
     }

     /*Making the main menu toggle even in full-screen mode*/
     .main-navigation>ul {
         display: none;
     }

     .menu-toggle {
         display: block;
     }

     .main-navigation {
         text-align: center;
     }

     .main-navigation>ul {
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background: #f79d01;
         padding: none;
         text-align: left;
     }

     .main-navigation>ul>li {
         display: inline-block;
         float: none;
         margin: 0 10px;
         padding-bottom: inherit;
     }

     #site-navigation.main-navigation>ul>li>a {
         color: #FFF;
         padding: 0 7.5px 15px 7.5px;
     }

     #site-navigation.main-navigation>ul>li.current a,
     #site-navigation.main-navigation li:hover>a,
     #site-navigation.main-navigation .current_page_item>a,
     #site-navigation.main-navigation .current-menu-item>a {
         /*First added border-box to make sure adding a border doesn't change the dimensions of the element*/
         -webkit-box-sizing: border-box;
         /* Safari/Chrome, other WebKit */
         -moz-box-sizing: border-box;
         /* Firefox, other Gecko */
         box-sizing: border-box;
         /* Opera/IE 8+ */
         border-bottom: 6px solid #FFF;
         padding-bottom: -6px;
     }

     /* End of: Making the main menu toggle even in full-screen mode*/
 }


 @media only screen and (max-width: 1250px) {
     body #main-wrap div.mid-content.clearfix, #main-header .mid-content, .site-footer .mid-content, #top-header .mid-content {
         padding-inline: 30px !important;
     }

     #header-wrap .entry-header-inner {
         padding-inline: 30px;
     }
 }

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

     body.boxed,
     .boxed #masthead,
     .boxed #main-header.menu-fix {
         width: 100%
     }
    .copy-right, .site-info, .site-info a {
    font-size: 9px !important;
   }
     .mid-content {
         /*         width: 100%; */
         width: 90%;
         padding: 0 10px;
     }

     .service-list .service-image {
         width: 16%;
         height: auto;
     }

     .service-list .service-detail {
         width: 80%;
     }

     .team-tab {
         padding: 0 50px;
     }

     .social-icons {
         display: none;
     }

     .googlemap-contact {
         width: 100%;
         margin-left: 0;
         left: 0;
     }

     .top-menu-toggle {
         background: rgba(0, 0, 0, 0.3);
         cursor: pointer;
         display: block;
         float: right;
         font-size: 22px;
         margin-right: 0;
         padding: 0 15px;
         top: 5px;
         position: relative;
         display: none;
     }

     #top-header .top-menu {
         display: block;
         float: none;
         clear: both;
     }

     .top-menu ul.menu>li {
         float: none;
         display: block;
         margin-left: 0;
         border-top: 1px solid rgba(0, 0, 0, 0.3);
         border: 0;
     }

     .top-menu ul li a {
         display: block;
     }

     .top-menu ul.menu ul {
         position: static;
         min-width: none;
         box-shadow: none;
     }

     .top-menu .sf-arrows .sf-with-ul::after {
         top: 20px;
     }

     .team_template_new .team-tab {
         width: 60%;
     }

     .googlemap_template_new .ap-contact-wrap .new-googlemap-contact .googlemap-contact-wrap {
         padding: 0;
     }

     /* 	#main-header .mid-content, 
	.site-footer .mid-content, 
	body #main-wrap div.mid-content.clearfix ,
	#header-wrap .entry-header-inner {
		padding-left: 15px;
	}
 
	body .mid-content { 
		padding: 0 15px;
	} 
	.content-area #pg-1274-2 { 
		left: 49.5%;
	} */

     .top-menu ul {
         display: flex;
         justify-content: flex-end;
         gap: 13px;
     }

     .top-menu ul.menu>li {
         border: 0;
     }

 }

 @media screen and (max-width: 1170px) {
     body {
         overflow-y: hidden;
     }

     .team_template_new .team-tab {
         width: 70%;
     }

     .ap-pricing-table.layout3 .ap-price-box {
         height: 132px;
         width: 132px;
         top: 10px;
     }

     .ap-pricing-table.layout3 .ap-price-box .ap-wrap {
         padding: 25px 0;
     }
 }

 @media screen and (max-width: 1130px) {
     .team_template_new .team-tab {
         width: 47%;
     }
 }

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

     .googlemap_template_new .ap-contact-wrap,
     .googlemap_template_new #ap-map-canvas {
         width: 100%;
     }
 }

 @media screen and (max-width: 1090px) {
     .ap-pricing-table.layout3 .ap-pricing-head {
         padding: 20px 20px 20px 10px;
         text-align: center;
         overflow: hidden;
         min-height: 100px;
     }

     .ap-pricing-table.layout3.featured_table .ap-price-box,
     .ap-pricing-table.layout3 .ap-price-box {
         position: static;
         margin: 0 auto 25px;
     }

     .ap-pricing-table.layout3 .ap-pricing-plan-sub-text {
         text-align: center;
     }

     .ap-pricing-table.layout3 .ap-pricing-head h2 {
         width: 100%;
         text-align: center;
     }
 }

 @media screen and (max-width: 1040px) {
     .team_template_new .team-tab {
         margin: 100px 0 0;
         width: 100%;
     }
 }

 @media screen and (max-width: 1024px) {
     .team_template_new .team-big-image div {
         width: 200px;
         height: 200px;
     }
 }

 @media screen and (max-width: 1000px) {
     .main-navigation>ul {
         display: none;
     }

     .menu-toggle {
         display: block;
     }

     .main-navigation {
         text-align: center;
     }

     .main-navigation>ul {
         position: absolute;
         top: 100%;
         left: 0;
         width: 100%;
         background: #E3633B;
         padding: none;
         text-align: center;
     }

     .main-navigation>ul>li {
         display: inline-block;
         float: none;
         margin: 0 10px;
     }

     #site-navigation.main-navigation>ul>li>a,
     #site-navigation.main-navigation>ul>li.current a,
     #site-navigation.main-navigation li:hover>a,
     #site-navigation.main-navigation .current_page_item>a,
     #site-navigation.main-navigation .current-menu-item>a {
         color: #FFF;
     }

     .fullwidth-portfolio .portfolio-list {
         width: 33.33%
     }

     #portfolio-grid .portfolio-list {
         width: 33.33% !important;
     }

     #portfolio-grid.enable_space .portfolio-list {
         width: 32.33% !important;
     }
 }

 @media only screen and (max-width: 991px) {
	   .copy-right, .site-info, .site-info a {
        font-size: 11px !important;
    }
     .mid-content {
         width: 97%;
     }

     .contactLinkBanner_row {
         display: block;
     }

     .contactLinkBanner__left p {
         max-width: 100%;
     }

     .contactLinkBanner__left {
         margin-bottom: 20px;
     }

     .contactLinkBanner__right {
         text-align: left;
     }

	 .newMidFooter__right {
		 padding-top: 24px;
         flex: 0 0 67vw;
         max-width: calc(100% - 180px);
	 }

     .site-footer #black-studio-tinymce-4 {
         margin-bottom: 0;
     }

     /*  */
     .content-area #panel-2027-0-0-0>.panel-widget-style {
         padding-inline: 0px;
     }

     .panel-layout #panel-2027-0-1-0>.panel-widget-style,
     .content-area #panel-98-0-1-0>.panel-widget-style,
     .panel-layout #panel-1764-0-1-0>.panel-widget-style,
     .content-area #panel-397-0-1-0>.panel-widget-style {
         padding-inline: 0px;
     }

     #panel-2027-0-1-0 .so-widget-sow-image-default-4b231843ec72 .sow-image-container,
     .content-area #panel-98-0-1-0>.panel-widget-style .sow-image-container,
     .panel-layout #panel-1764-0-1-0>.panel-widget-style .sow-image-container,
     .content-area #panel-397-0-1-0>.panel-widget-style .sow-image-container {
         max-width: 400px;
         margin: 0 auto;
     }

     .bottom-footer a, .footer-social-icons a,
     .newMidFooter__rightMenuBox li a, .footertop__title {
       /*  font-size: 13px;*/
		 
     }
 }

 @media screen and (max-width: 960px) {
     .team_template_new .team-big-image {
         margin: 50px auto 110px;
         float: none;
     }

     .team_template_new .team-detail {
         float: none;
         width: 100%;
         text-align: center;
     }
 }

 @media screen and (max-width: 875px) {
     .blog_template_new .new-blog-listing .single-blog-wrapper {
         width: 46%;
     }
 }

 @media screen and (max-width: 785px) {
     .parallax-section .widget_accesspress_image .ap-align-right {
         display: none;
     }

     #section-416 {
         background-image: none !important;
     }
 }


 @media screen and (max-width: 768px) {
     h1 {
         font-size: 24px;
     }

     h2 {
         font-size: 20px;
     }

     h3 {
         font-size: 18px;
     }

     h4 {
         font-size: 16px;
     }

     h5 {
         font-size: 14px;
     }

     h6 {
         font-size: 12px;
     }

     .parallax-section h1 {
         font-size: 34px;
     }

     .slider-caption .caption-title {
         font-size: 30px;
     }

     .slider-caption .caption-description {
         font-size: 20px;
     }

     .service-list {
         width: 100%;
     }

     .blog-listing .blog-list {
         width: 80%;
         margin: 0 auto 20px;
         float: none;
         display: block;
     }

     .blog-list .blog-image {
         text-align: center;
     }

     .parallax-section input[type="text"],
     .parallax-section input[type="email"],
     .parallax-section input[type="url"],
     .parallax-section input[type="password"],
     .parallax-section input[type="search"],
     .parallax-section input[type="tel"],
     .parallax-section textarea {}

     .service-listing .service-list {
         float: none;
     }

     .footer-column-4 .footer-block {
         width: 49%;
     }

     .footer-column-4 .footer-block:nth-child(2n) {
         margin-right: 0;
     }

     .copy-right, .site-info {
         float: none;
         text-align: center;
     }

     .main-navigation>ul {
         padding: 0;
     }

     .main-navigation>ul>li {
         display: block;
         border-bottom: 1px solid #DB5E39;
         padding: 0;
         margin: 0;
     }

     .main-navigation>ul>li>a {
         padding: 10px 0;
     }

     .main-navigation ul li a {
         position: relative;
     }

     .main-navigation ul ul {
         background: #db5e39;
         position: static;
         padding: 0;
         font-size: 15px;
         display: none;
         box-shadow: none;
     }

     .main-navigation ul ul li {
         text-align: center;
     }

     .main-navigation ul ul a {
         color: #FFF !important;
         border-bottom: 0;
         border-top: 1px solid;
     }

     .main-navigation ul ul a:hover {
         border-bottom: 0 !important;
     }

     .sf-arrows .sf-with-ul {
         padding-right: 0;
     }

     .sf-arrows .sf-with-ul:after {
         right: 20px;
     }

     #primary, #secondary,
     #secondary-right,
     #secondary-left,
     .both-sidebar #primary-wrap,
     .both-sidebar #secondary-left {
         float: none !important;
         width: 100% !important;
     }

     #primary,
     #secondary-left {
         margin-bottom: 20px;
     }

     #main-slider .bx-wrapper .bx-controls-direction a {
         display: none;
     }

     .next-page {
         display: none;
     }

     .fullwidth-portfolio .portfolio-list {
         width: 50%;
     }

     #portfolio-grid .portfolio-list {
         width: 50% !important;
     }

     .service-list .service-image img {
         width: 100%;
     }

     .parallax-section {
         background-attachment: scroll !important;
         background-repeat: repeat !important;
         background-position: center center !important;
     }

     .ap-span1,
     .ap-span2,
     .ap-span3,
     .ap-span4,
     .ap-span5,
     .ap-span6 {
         width: 100%;
         margin: 0 0 15px !important;
     }

     .layout2.featured_table {
         margin: 0;
     }

     .team_template_new .team-tab {
         margin: 100px 0 0;
         width: 100%;
     }

     .team_template_new .team-big-image {
         width: 60%;
         float: none;
     }

     .ap-video-popup .ap-video-wrap {
         width: 85%;
     }

     .testimonial_template_new .testimonial-listing ul li.testimonial-content h3 {
         font-size: 10px;
     }

     .testimonial_template_new .testimonial-listing .testimonials-content-wrap {
         width: 90%;
     }

     .ap-pricing-table.layout3 {
         width: 370px;
         margin: 0 auto;
     }

     .ap-pricing-table.layout3 .ap-price-box,
     .ap-pricing-table.layout3.featured_table .ap-price-box {
         position: absolute;
         border-radius: 100%;
         padding: 10px;
         border: 1px solid #243338;
         height: 162px;
         width: 162px;
         background: #fff;
         top: 20px;
         left: -20px;
     }

     .ap-pricing-table.layout3 .ap-pricing-head h2 {
         text-transform: capitalize;
         display: inline-block;
         text-align: right;
         width: 100%;
     }

     .ap-pricing-table.layout3 .ap-pricing-head {
         padding: 20px 20px 20px 10px;
         text-align: right;
         min-height: 150px;
     }

     .ap-pricing-table.layout3 .ap-pricing-plan-sub-text {
         text-align: right;
     }

     .ap-pricing-table.layout3 .ap-price-box .ap-wrap {
         padding: 40px 0;
     }

     .portfolio_masonry_template .mid-content div.portfolio-list {
         padding: 5px;
     }

     .portfolio_masonry_template .mid-content div.portfolio-list .portfolio-overlay {
         left: 5px;
         right: 5px;
         bottom: 5px;
         top: 5px;
     }
 }

 @media only screen and (max-width: 767px) {
     .labourLaw_loginBtn {
         right: 160px;
     }

     .newMidFooter__row {
         flex-direction: column;
     }

     .footer__logoImg {
         text-align: center;
     }

     .footer__logoImg a {
         margin: 0 auto;
         display: inline-block;
     }

     .newMidFooter__left,
     .newMidFooter__right {
         flex: 0 0 100%;
		 max-width: 100%;
     }

     #masthead .menu-toggle {
         right: 0;
         width: 40px;
     }

     #masthead .menu-text-on-toggle {
         visibility: hidden;
     }

     #masthead .labourLaw_loginBtn {
         right: 51px;
     }

     #masthead .menu-toggle span,
     #masthead .menu-toggle span:after,
     #masthead .menu-toggle span:before {
         width: 40px;
         right: 0;
         left: auto;
         height: 3px;
     }

     .contactLinkBanner__left p {
         margin-bottom: 15px;
     }
	 body #main-wrap div.mid-content.clearfix, #main-header .mid-content, .site-footer .mid-content, #top-header .mid-content {
		 padding-inline: 25px !important;
	 }

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

     .googlemap_template_new .ap-contact-wrap .ap-ctn-form,
     .googlemap_template_new .ap-contact-wrap .new-googlemap-contact {
         width: 100%;
         float: none;
     }

     .googlemap_template_new .ap-contact-wrap .ap-ctn-form {
         margin-bottom: 60px;
     }
 }

 @media screen and (max-width: 640px) {
     .blog_template_new .new-blog-listing .single-blog-wrapper {
         width: 97%;
     }

     .blog_template_new .new-blog-listing .single-blog-wrapper .blog-image img {
         width: 100%;
     }

     .team_template_new .team-tab {
         margin: 100px 0 0;
         width: 97%;
     }

     .portfolio_masonry_template .mid-content div.portfolio-list .portfolio-inner h4 {
         display: none;
     }
 }


 @media only screen and (max-width: 575px) {
	 
	   .copy-right, .site-info, .site-info a {
        font-size: 10px !important;
    }
     .newMidFooter__righRow {
         flex-wrap: wrap;
         justify-content: center;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         text-align: center;
     }

     #masthead .mid-content.clearfix {
         /* 		padding-left: 10px; */
     }

	 #masthead #site-logo {
		 width: 170px;
		 max-width: 100%;
	 }

     #masthead #site-logo a {
         display: block;
     }

     #masthead #site-logo a img {
         max-width: 100%;
     }

	 #masthead .labourLaw_loginBtn {
		 right: 51px;
		 padding: 5px 10px;
		 font-size: 11px;
		 width: 183px;
		 height: 29px;
	 }
	#masthead  .menu-toggle span::before { 
		 top: 18px;
	 }
	 #masthead .menu-toggle span::after { 
		 top: 9px;
	 }
	 #masthead .menu-toggle span {
		 top: 7px;
	 }

     .newMidFooter__rightMenuBox {
         display: block;
     }

     .newMidFooter__rightMenuBox a {
         display: block;
         margin: 0;
         padding: 10px 0;
         border-bottom: 1px solid #6c4550;
     }

     .newMidFooter__rightMenuBox ul {
		 list-style: none;
         display: block;
         padding-left: 12px;
         border-left: 2px solid #e49880;
         margin: 10px 0 10px 10px;
     }

     .footer__logoImg {
         text-align: left;
     }

     .newMidFooter__righRow {
         text-align: left;
         display: block;
     }

     .bottom-footer .copy-right,
     .bottom-footer .site-info {
         text-align: left;
     }

     #go-top {
         right: 15px;
         bottom: 15px;
     }

     body #main-wrap div.mid-content.clearfix, #main-header .mid-content, .site-footer .mid-content, #top-header .mid-content {
         padding-inline: 20px !important;
     }

     #header-wrap .entry-header-inner {
         padding-inline: 20px;
     }
 }

 @media screen and (max-width: 480px) {
     .parallax-section h1 {
         font-size: 30px;
     }

     .service-list.odd .service-image,
     .service-list.even .service-image {
         float: none;
         margin: 0 auto 20px;
     }

     .service-list.odd .service-detail,
     .service-list.even .service-detail {
         float: none;
         width: 100%;
         text-align: center;
     }

     .service-listing .service-list {
         text-align: left;
     }

     .team-big-image {
         display: none;
     }

     .team-detail {
         float: none;
         width: auto;
     }

     .team-image {
         height: auto;
     }

     .team-tab .bx-wrapper .bx-viewport {
         border-radius: 0;
     }

     .portfolio-list {
         width: 450%;
     }

     .blog-listing .blog-list {
         width: 100%;
     }

     .parallax-section input[type="text"],
     .parallax-section input[type="email"],
     .parallax-section input[type="url"],
     .parallax-section input[type="password"],
     .parallax-section input[type="search"],
     .parallax-section input[type="tel"],
     .parallax-section textarea {
         width: 100%;
     }

     .team-content {
         margin-top: 30px;
     }

     .footer-block {
         width: 100% !important;
         margin: 0 0 15px !important;
         float: none;
         clear: both;
     }

     #site-logo {
         width: 80%;
     }

     .fullwidth-portfolio .portfolio-list {
         width: 100%
     }

     .googlemap-contact-wrap {
         width: 100%;
     }

     #portfolio-grid .portfolio-list {
         width: 100% !important;
     }

     .fullwidth-portfolio .portfolio-list {
         width: 50%
     }

     #portfolio-grid .portfolio-list {
         width: 50% !important;
     }

     #portfolio-grid.enable_space .portfolio-list {
         width: 49% !important;
     }

     .mobile .main-navigation>ul {
         max-height: 320px;
         overflow-y: scroll;
     }

     .team_template_new .team-tab {
         margin: 20px 0 0;
         width: 90%;
     }

     .team_template_new .team-big-image {
         display: block;
         float: none;
     }

     .new-googlemap-contact .googlemap-contact-wrap ul {
         margin-left: 40px;
     }

     .new-googlemap-contact .googlemap-contact-wrap ul li:last-child {
         padding-bottom: 0;
         margin-bottom: 0;
     }

     .new-googlemap-contact .googlemap-contact-wrap li {
         padding-left: 0;
     }

     .new-googlemap-contact .googlemap-contact-wrap li i {
         display: block;
     }

     .ap-video-popup .ap-video-wrap {
         width: 85%;
         height: 250px;
     }

     .testimonial_template_new .testimonial-stage .testimonial-holder.has-video span.ply-btn {
         height: 30px;
         width: 30px;
     }

     .testimonial_template_new .testimonial-stage .testimonial-holder.has-video .ply-btn::before {
         left: 7px;
         font-size: 16px;
     }

     .ap-pricing-table.layout3 {
         width: 300px;
     }

     .ap-pricing-table.layout3 .ap-pricing-head {
         padding: 20px 20px 20px 10px;
         text-align: center;
         overflow: hidden;
         min-height: 100px;
     }

     .ap-pricing-table.layout3.featured_table .ap-price-box,
     .ap-pricing-table.layout3 .ap-price-box {
         position: static;
         margin: 0 auto 25px;
     }

     .ap-pricing-table.layout3 .ap-pricing-plan-sub-text {
         text-align: center;
     }

     .ap-pricing-table.layout3 .ap-pricing-head h2 {
         width: 100%;
         text-align: center;
     }

     .home .woocommerce ul.products li.product {
         float: none;
         width: 95%;
         margin-left: auto;
         margin-right: auto;
     }

     .home .woocommerce ul.products li.product:nth-child(2n) {
         float: none;
     }

     .team_template_new .team-big-image div {
         width: 150px;
         height: 150px;
     }

	 #masthead #site-logo {
		 width: 120px !important;
		 margin-bottom: 10px;
	 }

     .labourLaw_loginBtn {
         padding: 5px 10px;
         font-size: 9px;
         width: 137px;
         height: 34px;
         right: 156px;
     }
	 .mid-content {
		 width: 100%;
	 }
	 #masthead .menu-toggle { 
		 margin-top: 5vw;
	 }
 }


@media only screen and (max-width: 400px) {
	#masthead .menu-toggle span, #masthead .menu-toggle span::after, #masthead .menu-toggle span::before {
		width: 30px; 
	}
	.bottom-footer .copy-right, .bottom-footer .site-info {
		font-size: 12px;
	}
	#masthead .labourLaw_loginBtn {
		right: 38px; 
		font-size: 9px;
		width: 152px;
		height: 25px;
		top: 6px;
	}
}

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

     .portfolio_masonry_template .mid-content div.portfolio-list .portfolio-inner a.portfolio-link,
     .portfolio_masonry_template .mid-content div.portfolio-list .portfolio-inner a.fancybox-gallery {
         height: 32px;
         width: 32px;
         padding: 3px;
     }
 }

 @media screen and (max-width: 320px) {
     .team_template_new .team-tab {
         width: 94%;
     }
 }



 @media screen and (max-width: 480px) and (orientation : landscape) {
     .mobile .main-navigation>ul {
         max-height: 220px
     }
 }

 /*/*Making the main menu toggle even in full-screen mode
@media screen and (min-width: 1001px){
    .main-navigation > ul{
        display: block !important;
    }
}

@media screen and (min-width: 1201px){
    #top-header .top-menu{
        display: block !important;
    }
}