@media (min-width:1400px) {
	.container-fluid { max-width: 1440px; }
}
@media (max-width:1399px) {
	.container-fluid { max-width: 1240px; }

	.main-title h2 { font-size: 100px; line-height: 1.1;  width: 100%; }
	.main-title { max-width: 700px; width: 100%; }
	#main-banner-sec .col-lg-12 { justify-content: center; }
	.title-box h3 { font-size: 70px; }
	#portfolio-sec .title-box { margin-bottom: 30px; }


}

@media(max-width:1024px){
	.main-title h2 { font-size: 70px; }
	.main-title { max-width: 600px; }
}


@media (min-width:992px) and (max-width:1199px) {

	/*-- Footer --*/
	.foo-logo img { width: 100%; }
}
@media (min-width:768px) and (max-width:991px) {
	.title-box:before { content: none; }
	.title-box h3 { font-size: 50px; line-height: 55px !important; }
	#service-sec, #portfolio-sec { padding: 50px 0; }

	/* Contact Section */
	.contact-form { width: 70%; padding-top: 30px; }

	/*About section*/
	#about-lafirm-sec { padding: 60px 0px; }
	.about-box p { font-size: 16px; line-height: 24px; }
	.about-box a { padding: 10px 20px; margin-top: 30px; font-size: 14px; }

	/*-- portfolio --*/
	#portfolio-sec .title-box { margin-top: 0; }
	.portfolio-box.latest-portfolio-box li, .portfolio-box li { width: 50%; }
	.custom-title-size, .custom-box-size { padding: 0 15px; }
	.portfolio-box figure figcaption h4 { font-size: 30px; opacity: 1; }
	.foo-contact { margin-bottom: 50px; }
	.bottom-space { padding-bottom: 0; }
}
@media (min-width:767px) {
	#site-navigation ul { display: flex; justify-content: flex-end; }
}
@media (max-width:767px) {
	.title-box:before { content: none; }
	.title-box h3 { font-size: 40px; line-height: 45px !important; text-align: center; }

	/*About section*/
	#about-lafirm-sec { padding: 60px 0 10px; }
	.about-box p { font-size: 16px; line-height: 24px; }
	.about-box a { padding: 10px 20px; margin-top: 30px; font-size: 14px; }
	.about-box { margin-bottom: 50px; text-align: center; }

	/*-- Service Section --*/
	#service-sec { padding: 50px 0; }
	.gray-white-bg { padding: 30px 50px 50px; }
	.gray-white-bg:nth-child(4) { background: #fff !important; }
	.gray-white-bg:nth-child(4) .list-btn-box ul li, .gray-white-bg:nth-child(4) h4, .gray-white-bg:nth-child(4) .read-more { color: #000 !important; }
	.gray-white-bg:nth-child(4) svg polygon { fill: #000; }
	.gray-white-bg:nth-child(5) { background: rgba(0, 0, 0, 0.8); }
	.gray-white-bg:nth-child(5) .list-btn-box ul li, .gray-white-bg:nth-child(5) h4, .gray-white-bg:nth-child(5) .read-more { color: #fff !important; }
	.gray-white-bg:nth-child(5) svg polygon { fill: #fff; }

	/*--portfolio sec --*/
	#portfolio-sec { padding: 60px 0; }
	#portfolio-sec .title-box { margin-top: 0; }
	.portfolio-box.latest-portfolio-box li, .portfolio-box li { width: 50%; /*height: 200px */}
	.portfolio-box figure figcaption h4 { font-size: 22px; opacity: 1; }
	.custom-title-size, .custom-box-size { padding: 0 15px; }
	.contact-form { width: 100%; padding: 0; }

	/*-- Contact section --*/
	#contact-us-sec { padding: 50px 0; }
	.title-box p { font-size: 20px; line-height: 30px; margin-top: 10px; }

	/*-- Footer -- */
	#la-site-footer { padding: 50px 0; text-align: center; }
	.foo-contact { margin-bottom: 20px; }
	.address p:before { left: 0; }
	.foo-contact p, .foo-contact a { display: inline-block; }
	.email a:before { top: 4px; }
	.social-links { justify-content: center; margin-top: 15px; }
	.copy-right { text-align: center; }
	.bottom-space { padding-bottom: 0; }

	.main-title h2 { font-size: 50px; }
	.main-title { max-width: 340px; }
	header#la-site-header .logo-width, header#la-site-header .logo-width + div { flex: 0 0 50%; max-width: 50%; }
	header#la-site-header .logo-width img.custom-logo { width: 160px; height: auto; }
	#main-banner-sec, #main-banner-sec .one, #main-banner-sec .two ,
	#main-banner-sec .col-lg-12{ min-height: auto; height: 450px;  }
	.social-share { transform: translateY(-50%); margin-top: 50px; }

	.service-box-wrapper .inner-box { width: 100%; }
	.service-box-wrapper .inner-box .inner { width: 100%; padding: 15px; font-size: 18px; }
	.service-box-wrapper .inner-box h2 { font-size: 38px; }
	.service-box-wrapper .gray-white-bg:nth-child(even) .inner-box { left: 0; }
	.main-title small {color: #fff;mix-blend-mode: difference;-webkit-mix-blend-mode: difference;-ms-mix-blend-mode: difference;}
	
}



/* Menu Css*/
.menu-top-menu-container span.meanmenu-reveal{ display: none;  }
@media(max-width:1200px){
	.menu-top-menu-container { transform: translateY(-100%); transition: all 0.3s ease; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: flex; align-items: center; justify-content: center;background-image: url(/wp-content/uploads/2020/06/banner-white.jpg);z-index: 999;background-size: cover;background-repeat: no-repeat;background-position: center;}
	#site-navigation ul{ background: transparent; }
	#site-navigation ul a { color: #000; letter-spacing: 0; font-family: 'MagnelDisplay-Black'; font-size: 40px; line-height: 1.2; }
	#site-navigation ul { display: block; opacity: 1; visibility: visible; max-width: 320px; text-align: left; }
	.menu-top-menu-container span.meanmenu-reveal { position: absolute; top: 46px; right: 57px; display: block; }
	#site-navigation ul li { margin: 0; padding: 9px 0; }
	.la-site-logo {position: relative;z-index: 99999;}
	
	body.menu-open .menu-top-menu-container { transform: translateY(0); }
	body.menu-open { overflow: hidden; }
}


@media(max-width:600px){
	.social-share { transform: none; width: 100%; bottom: 0; top: auto; left: 0; padding: 15px; margin: 0; display: flex; flex-wrap: wrap; justify-content: center; }
	.social-share li { margin: 0 6px; }
	.main-title h2 { font-size: 37px; }
	#portfolio-sec { padding: 30px 0 60px; }
	header#la-site-header .logo-width img.custom-logo { width: 100px; }
	.meanmenu-reveal img { width: 30px; }
	#site-navigation ul a { font-size: 20px; }
	#site-navigation ul { width: 160px; }
	.menu-top-menu-container span.meanmenu-reveal { top: 10px; right: 10px; }
	header#la-site-header { padding: 10px 0; }

	.service-box-wrapper .inner-box h2 { font-size: 23px; }
	.service-box-wrapper .inner-box { }
	.service-box-wrapper .inner-box .inner { font-size: 16px; }
	#service-sec h4 { line-height: normal; padding: 0 0 15px; }
	.service-box-wrapper .gray-white-bg { padding: 50px 25px; }
}