@charset "utf-8";

/***************************************************************************************
	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 376px STARTS
***************************************************************************************/
@media screen and (min-width:376px) {
	.site-navbar .navabar-middle .navabar-top li a { font-size: 60px; line-height: 70px; }
	.site-navbar .navabar-middle .navabar-bottom li a { font-size: 36px; line-height: 46px; }
	.contact-page-details address a, .contact-page-link a, .bottom-contact-page .contact-follow-title, .bottom-contact-page .contact-follow-title a { font-size: 28px; line-height: 40px; }
	.bond-slide-block img { /*max-height: 350px;*/ }
	.contact-description .back-menu { margin-top: 30px; }
	.wpcf7 form.sent .wpcf7-response-output { font-size: 30px; height: 38px; }

	/*.site-navbar .navabar-middle .navabar-top li a:hover:before {
	    top: 22px;
	}
	.site-navbar .navabar-middle .navabar-top li:nth-child(2) a:hover:before {
	  bottom:18px;
	}*/ }

	/***************************************************************************************
		*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 480px STARTS
	***************************************************************************************/
	@media screen and (min-width:480px) {
		.client-detials { margin: 0px -8px; }
		.client-detials li { float: left; width: 33.33%; padding: 0px 8px; }
	}
	@media only screen and (min-width:480px) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2) {
		.navabar-middle { position: relative; top: auto; transform: none; width: 100%; }
		.site-navbar .navabar-middle .navabar-top li a { font-size: 28px; line-height: 36px; }
		.site-navbar .navabar-middle .navabar-bottom li a { font-size: 22px; line-height: 24px; }
		.contact-description { padding-top: 12px; }
		.bottom-contact-page { margin-top: 5px; }
		.contact-page-details address, .contact-page-link a { font-size: 24px; line-height: 36px; }
		.contact-page-link { margin-top: 15px; }

	/*.bond-slide-block img { max-height: 440px; }*/ }

	/***************************************************************************************
	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 768px STARTS
	***************************************************************************************/
	@media screen and (min-width:768px) {
		.cookie-policy { min-height: 48px; width: 100%;    height: auto; }
		.cookie-text { margin-top: 15px; margin-bottom: 5px; }
		.cookie-btn.text:after { top: 3px; }
		.cookie-data .text { font-size: 14px; line-height: 20px; }
		.cookie-data { text-align: center; }
		.back_to_work.back_to .down-arrow { left: -7px; }
		.footer-bottom-parts { padding-bottom: 0; }
		.site-navbar .burger_box, .contact-section .burger_box { position: relative; bottom: auto; right: auto; }
		.menu-icon_box.hamburger-box { margin-bottom: 15px; }
		.contact-section .menu-icon_box.hamburger-box { margin-bottom: 15px; }
		.bcrl-header .bcrl-navbar { mix-blend-mode: exclusion; }
		.work-filter-pill, .work-filters-toggle  {
			font-size: 18px;
		  }
		/*work page css start here*/
		.contact-page-details .mail-list-details .mail-list-left, .contact-page-details .mail-list-right { height: auto; }
		.contact-page-details .mail-list-right .left-arrow { top: 20px; }
		.contact-page-details .mail-list-right { max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 10%; flex: 0 0 10%; position: relative; margin-top: 0; }
		.work-page-section { padding-top: 0px; padding-bottom: 100px; }
		.mrg-top { padding-top: 95px; }

		/*.custome-product-navbar  .header-navbar .site-logo a { top: 23px; }*/
		.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 50px; background-color: #000; }

		/*work page css end here*/

		/*common css start here*/
		.site-padding { padding-left: 10px; padding-right: 10px; }
		.contact-section .site-padding { padding-left: 20px !important; padding-right: 8px !important; }
		.site-navbar .site-padding { padding-left: 45px; }

		/*.back_to_work { left: 52px; }*/
		.bond-slide-block img { width: 100%; }
		#fp-nav.right { right: 65px; }
		.social-links { right: 38px; bottom: 45px !important; top: auto !important; }
		.header-navbar .site-right { margin-right: 30px; }
		.social-links .click-link.left-side { left: -160px; }
		.link-details.link-open { left: -50px; }
		.bcrl-header .bcrl-navbar { min-height: 108px; background-color: transparent; top: 0; bottom: auto !important; }
		.home-navbar .bcrl-header .bcrl-navbar { bottom: auto !important; }
		.header-navbar { padding-top: 23px; padding-bottom: 22px;min-height:130px; }
		.wrok-mockup-details .wrok-mockup { float: left; width: 50%; margin-bottom: 0; }
		.link-details.link-open { top: 0; }
		.link-details { top: 0; }

		/*common css end here*/

		/*header css start here*/
		.header-navbar .site-logo .logo-img img, .navbar-logo .logo-img img { width: 76px; }
		.burger_box .menu-icon_box { width: 45px; height: 45px; }
		.header-popup-close img { width: 45px; height: 45px; }
		.site-navbar .navabar-middle .navabar-top li a { font-size: 64px; line-height: 64px; }
		.site-navbar .navabar-middle .navabar-bottom li a { font-size: 40px; line-height: 50px; }
		.contact-page-details address a, .contact-page-link a, .bottom-contact-page .contact-follow-title, .bottom-contact-page .contact-follow-title a { font-size: 38px; line-height: 40px; }
		.header-navbar .site-logo  .logo-img svg { height: 54px !important; width: 143px !important;}
		.navbar-logo .logo-img svg { margin-left: 0px; }
		.home-navbar .header-navbar .site-logo a { top: 23px; }

		/*header css start here*/

		/*footer css start here*/
		.footer-bottom-parts .footer-logo img { width: 95px; }
		.footer-top-parts .footer-description .footer-details { float: left; width: 33.33%; padding: 0px; margin-bottom: 25px; border-top: 1px solid #fff; }

		/*.footer-top-parts .footer-description { margin: 0 -15px; }*/
		.footer-description .footer-details .footer-title { margin-bottom: 15px; border-top: 0; }
		.footer-description .footer-details .google-map { margin-top: 15px; }
		.view-project-link { padding: 40px 0; }

		/*footer css end here*/

		/*work details part css start here*/
		.work-site-section .view-project-link { padding: 70px 0; }
		.site-details { padding: 70px 0px; }
		.work-pad-top { padding-top: 100px; }
		.work-silder-section .bond-slide-block { margin: 0px 5px; }
		.work-gride-details .work-gride { width: 100%; float: left; margin-top: 10px; }
		.banner-details-section .work-marg { max-width: 640px; margin: 0 auto; }
		.project-banner-data .banner-details { max-width: 1170px; margin: 0 auto !important; }
		.banner-details-section .banner-details { margin: 0px -10px; }
		.banner-details-section .banner-details p { width: 50%; float: left; padding: 0px 10px; margin-bottom: 0; }
		.work-details-banner-section .work-banner { min-height: 820px; }
		.work-details-banner-section .work-banner-video, .work-hero-dection .hero-banner-video { height: 600px; }
		.work-details-banner-section, .work-details-banner-section .work-banner-data { min-height: 600px; }
		.view-project-link a { font-size: 32px; line-height: 35px; }
		.site-details p { font-size: 20px; line-height: 20px; }
		.work-hero-dection .work-hero-details .work-hero { min-height: 680px; }
		.banner-details-section .work-sub-title { max-width: 100%; margin: 0 auto; }
		.banner-details-section .banner-details { padding: 50px 0; }
		.work-data .work-title { font-size: 22px; line-height: 28px; font-weight: normal; }
		.work-data .work-subtitle { font-size: 15px; line-height: 18px; }

		/*work details part css end here*/

		/*service page part css start here*/
		.service-page-section { /*margin-bottom: 100px;*/ position: relative; }
		.service-page-section .service-details { padding-top: 355px; }
		.service-page-section .service-title { font-size: 29px; line-height: 35px; margin-bottom: 20px; padding-bottom: 15px; }
		h1.service-title { margin-bottom: 5px !important; }
		.service-details { padding-bottom: 30px; }
		.display-title { padding: 20px 0 10px; }
		.div-gap.client-bottom { min-height: 180px; }
		.service-page-details { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; padding-bottom: 0; }
		.branding-post, .reporting-post, .online-post, .servide-who, .who-details, .team-left-top, .team-left-bottom, .team-right-top, .team-right-bottom, .block-left-top, .block-left-bottom, .block-right-top { padding: 0px 20px; }
		.offering-data { margin-top: 120px; margin-bottom: 30px; }
		.service-left { padding-right: 40px; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
		.service-right { padding-left: 40px; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
		.branding-post { margin-top: 00px; }
		.reporting-post { margin-top: 65px; }
		.online-post { margin-top: 0px; }
		.post-data { margin-top: 20px; font-size: 18px; line-height: 22px; }
		.service-page-details .service-title:after { left: 0; bottom: 0px; right: 0; }
		.offering-data .post-data.post-top-service:before { content: ""; height: 1px; left: -60px; position: absolute; background-color: #000; bottom: -6px; right: 0; }
		.div-gap { min-height: 100px; }
		.service-page-details .service-left .service-title:after { right: -60px; }
		.service-page-details .service-right .service-title:after { left: -60px; }
		.service-page-details .service-left .post-details, .offering-data .servide-who { max-width: 350px; margin: 0 0 50px auto; }
		.service-page-details .service-right .post-details, .offering-data  .who-details { max-width: 350px; margin: 0 auto 50px 0; }
		.offering-data .who-details { position: relative; margin-top: 0px; margin-bottom: 0; }
		.meet-team-section { margin-top: 100px; padding-top: 0; margin-bottom: 20px; }
		.meet-team-section .team-right-top { margin-top: 0px; }
		.team-left-bottom, .team-right-bottom { padding-top: 20px; }
		.service-page-details .service-left .team-left-bottom .post-details { margin-bottom: 0; }
		.client-description { padding-top: 25px; padding-bottom: 20px; }
		.side-margin { max-width: 730px; margin: 0px auto; }

		/*.client-detials li img { width: 100%; }*/
		.why-section ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 30px; }
		.why-section ul li { float: left; margin: 0px 15px; }
		.why-section { padding-bottom: 12px; }
		.div-gap.companies-top { min-height: 180px; }
		.companies-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px; padding-bottom: 30px; }
		.companies-details .companies-left, .companies-details .companies-right { padding: 0px 45px; }
		.companies-details .companies-left p, .companies-details .companies-right p { margin-top: 5px; }
		.companies-block-section { margin-top: 100px; padding-bottom: 80px; padding-top: 0; }
		.companies-block-section .service-right { margin-top: 0px; }
		.service-client { padding: 30px !important; }
		.service-sub-title span { display: block; }
		.service-sub-title { font-size: 18px; line-height: 22px; padding: 0; }
		.display-title.process-action { padding-bottom: 80px !important; }
		.skrollable { position: absolute; z-index: 100; }

		/*.work-banner-title .banner-title { font-size: 112px; line-height: 122px; }*/
		.work-banner-title { position: relative; top: -35px; }
		.work-details-banner-section { padding-bottom: 0; }
		.service-title.service-toggle + .post-data, .service-toggle + .post-data-details, .post-data-details + img { display: block; }
		.service-title.service-toggle + .post-data.toggle, .service-toggle + .post-data-details.toggle, .post-data-details.toggle + img { display: block; }
		.service-title.service-toggle { cursor: initial; }
		.service-page-details .branding-post .post-data-details, .service-page-details .reporting-post .post-data-details, .service-page-details .online-post .post-data-details { margin-bottom: 40px; }
		.service-toggle:before { display: none; }
		.text-center { text-align: center; }
		.banner-title img { max-width: 280px; }
		.work-banner-title { margin-top: 0; }
		.header-navbar .site-right { margin-right: 20px; }
		.cookie-consent-pill { right: 20px; }
		.custom-product-details.custome-product-navbar .bcrl-header .bcrl-navbar { background-color: transparent; }

		/*.div-gap.what-do-gap , .div-gap.unique-gap-top , .div-gap.offering-data-gap , .div-gap.service-client-gap{
		    display: none;
		}*/
		.online-post.print-post { margin-top: 65px; }
		.div-gap.top-gap { min-height: 480px; }
		.who-site-logo { margin-top: 55px; text-align: center; }
		.range-left-logo { margin-top: 80px; }
		.who-site-logo .BC-logo:after { bottom: -45px; }

		/*.service-details-section { min-height: 5293px; }*/
		.service-details-section:after { content: ""; height: 0%; width: 1px; position: absolute; left: 50%; background-color: #000; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -11; top: 0px; -webkit-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transition-timing-function: cubic-bezier(0.53, 0.1, 0.68, 1); -o-transition-timing-function: cubic-bezier(0.53, 0.1, 0.68, 1); transition-timing-function: cubic-bezier(0.53, 0.1, 0.68, 1); }
		.service-details-section.border-animate:after { content: ""; -webkit-animation: increase 3.5s; -moz-animation: increase 3.5s; -o-animation: increase 3.5s; animation: increase 3.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; }
		.process-action { padding-top: 20px; }
		.work-gride-details, .wrok-mockup-details { margin: 0px -10px; }
		.banner-details-section .work-sub-title { font-size: 30px; line-height: 40px; }
		.custom-product-details .bcrl-header .bcrl-navbar { background-color: transparent; }

		/*.service-details-section { height: auto; }*/
		.project-banner-data .work-sub-title { max-width: 640px; margin: 0 auto; padding: 0px 10px; }
		.banner-details-section .work-marg { padding: 0px 10px; }
		.work-details-banner-section .work-banner { background-size: cover; background-position: center top; }

		/*25-69-2020*/
		.team-introduction .service-title { font-size: 18px; line-height: 22px; font-weight: 400; }
		.team-introduction .service-page-details { padding-bottom: 55px; }
		.team-introduction .service-title.service-toggle + .post-data ~ p { display: block; }
		.down-arrow { bottom: 73px; }
		.social-links .click-link { height: 80px; width: 80px; }

		/*service page part css end here*/
		.about-details-parts { width: 50%; text-align: left; margin-bottom: 45px; padding: 0px 15px; float: left; }
		.about-company { margin: 0px; }
		.about-details-parts:first-child { padding-left: 0; }
		.about-page .banner-details-section.content-section { padding-top: 100px; padding-bottom: 0; }
		.about-title { margin-bottom: 20px; }
		.about-details-section { padding-top: 0px; padding-bottom: 0px; }
		.about-body .about-container, .about-body .footer-top-parts .about-container, .bcrl-footer .about-container { padding: 0px 48px; }
		.team-title-details { margin-bottom: 40px; }
		.about-team-section { padding-top: 60px; padding-bottom: 70px; }
		.about-image-section.work-details-banner-section { padding-bottom: 0px; }
		.about-details-section .about-data { display: block;text-align:left; }
		.about-title { margin-bottom: 20px; font-size: 32px; line-height: 36px; font-weight: 400; text-transform: capitalize; width: 100%; color: #000; }
		.team-details { width: 50%; float: left; margin-bottom: 30px; padding: 0px 25px; }
		.about-team-details .about-team { margin: 0px -25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; }
		.team-title-details .team-title { font-size: 38px; line-height: 48px; font-weight: normal;/* letter-spacing: 1px;*/ }
		.about-client-section .client-description .client-data { width: 33.33%; }
		.about-contact-section .contact-description { /*padding-top: 85px;*/padding-top: 5px; padding-bottom: 75px; }
		.about-contact-section { margin: 0px; }
		.team-details .team-member { font-size: 26px; line-height: 32px; }
		.team-details .member-details { font-size: 14px; line-height: normal; }
		.about-contact-section .contact-description .contact-title { margin-bottom: 62px; background-color: transparent; color: #000; padding: 0; }
		.contact-description .contact-details { padding: 0; }
		.about-contact-section .contact-description .contact-title span { display: block; }
		.view-project-details-footer { display: none; }
		.about-page .banner-details-section .banner-details p { font-size: 16px; line-height: 20px; text-align: left; }

		/*.about-company { margin: 0px; }*/
		.about-details-parts { height: auto; display: block; border-bottom: 0; }
		.print-img, .reporting-img, .online-img, .branding-img { background-image: none; }
		.about-details-parts:after { display: none; }
		.view-project-link { display: block; }
		.page-title { display: none; }
		.bottom-mrg { margin-bottom: 0px; }
		.header-navbar .site-logo .logo-img img { -webkit-filter: none; filter: none; }
		.service-template .bcrl-footer, .work-template .bcrl-footer, .custom-product-details .bcrl-footer, .home-navbar .bcrl-footer { padding-top: 70px; padding-bottom: 40px; }
		.about-client-section { padding-top: 75px; }
		.work-hero-dection .work-hero-details .work-hero { min-height: 520px; }

		/*.bond-slide-block img { max-height: 190px; }*/
		.section-latter-para .section-latter { font-size: 32px; line-height: 40px; }
		.section-latter-para { left: 40%; transform: translate(-30%, -50%); right: auto; }
		.navbar-logo a { position: relative; bottom: auto; }
		.tick-box-page.bottom-contact-page .tick-mark-box p { max-width: 55%; }
		.arrow_link img { width: 20px; }
		.contact-page-link, .bottom-contact-page { margin-top: 30px; }

		/*.back-menu { margin-top: 35px; }*/
		.mobile-header-home .burger_box { display: block; }
		.tick-box-page.bottom-contact-page { margin-top: 0; }
		.mail-list-details { max-width: 85%; }
		.mail-list-left { max-width: 70%; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; }
		.mail-list-right { max-width: 30%; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; }
		.mail-list-details { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; }
		.mail-list-right { margin-top: 00px; width: 100%; }
		.mail-subscribe { padding-bottom: 40px; }
		.back_to_work { bottom: 70px; }
		.home-silder-section.desktop-slider .view-project-details-footer { padding-bottom: 45px; }
		.about-contact-section { display: block; }
		.about-title { text-align: left; }
		.about-details-parts { border-top: 1px solid #b6b6b6; padding-top: 10px; }
		.about-company { border-top: none; }
		.about-details-parts.reporting-img { padding-left: 0; }
		.team-details .team-img { margin-bottom: 10px; width: 70%; margin-left: 0; }
		.team-title-details .team-title { text-align: left; }
		.work-body .header-logo-white .logo-img, .about-body .header-logo-white .logo-img { display: block; }
		.header-logo-black .logo-img { display: block !important; }
		.banner-details-section.content-section .project-banner-data { padding: 50px 0; }
		.banner-para-section .para-details p { font-size: 18px; line-height: 22px; letter-spacing: 0.2px; }
		.banner-para-section.text-right .para-details { float: right; padding-left: 0px; }
		.banner-para-section.text-left .para-details { float: left; padding-right: 0px; }
		.banner-para-section .para-details { padding-bottom: 50px; padding-top: 50px; }
		.work-gride-details { margin: 0 -10px; }

		/*.custom-product-details .header-navbar .site-logo .header-logo-white a { display: none !important; }*/

		/*.footer-top-parts .about-container { padding: 0 !important; max-width: 100%; }*/

		/*.work-silder-section.work-img-section { padding-bottom: 40px; }*/
		.work-silder-section .bond-slide-block { margin-bottom: 0; }

		/*.about-company .about-title { padding-top: 12px; }*/
		.about-body .banner-details-section.content-section .project-banner-data { padding: 0; }
		.banner-para-section .para-details span + br { display: none; }
		.back_to_work { width: 40px; height: 40px; position: fixed; z-index: 1; background-color: transparent; text-align: center; line-height: 40px; border-radius: 100%; left: 45px;    /*top: 50%;*/ bottom: 60px !important; opacity: 0; visibility: hidden; }
		.bcrl-footer .site-padding { padding-left: 0px; padding-right: 0px; }
		.bcrl-header .bcrl-navbar .site-padding , .CMS_page_section .site-padding { padding-left: 45px; }
		.selected-work-caption { left: 45px; }
		.work-filters-bar { padding-left: 35px;padding-top: 30px; }
		.location-time-pill { left: 45px; }
		.banner-para-section { padding-left: 40px; padding-right: 40px; }
		.back_to_work a { top: 7px; }
		.back_to_work img { width: 25px; height: 25px; }
		.banner-para-section .para-details span { margin-top: 20px; }
		.project-banner-data.banner-new-title .work-sub-title , .CMS_page_data .entry-title{ font-size: 38px; line-height: 48px; padding-right: 50px; text-align: center; }
		.project-banner-data.banner-new-title .banner-para { margin-bottom: 30px; }
		.project-banner-data.banner-new-title .banner-para h2 { font-size: 26px; line-height: 32px; }
		.about-body .about-page .banner-details-section.content-section { padding-top: 20px;padding-bottom:60px; }
		.project-banner-data.banner-new-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; text-align: left; }
		.project-banner-data.banner-new-title .banner-left { max-width: 53%; -webkit-box-flex: 0; -ms-flex: 0 0 53%; flex: 0 0 53%; }
		.project-banner-data.banner-new-title .banner-right { max-width: 49.5%; -webkit-box-flex: 0; -ms-flex: 0 0 	49.5%; flex: 0 0 49.5%; padding-left: 5px; }
		.about-body .banner-details-section.content-section .project-banner-data { text-align: left; }

		/*.work-body .header-navbar .site-right { margin-right: 0; }*/
		.about-details-parts.online-img, .about-details-parts.print-img { padding-left: 25px; }
		.down-arrow { left: 0; }
		.home-page .down-arrow { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

		/*.work-body .site-padding { padding-left: 10px; padding-right: 10px; }*/
		.about-body .bcrl-navbar .site-padding {    /*padding-left: 10px;*/
		padding-right: 10px; }

		/*.about-body .header-navbar .site-right {
		margin-right: 0;
		}*/
		.work-description .work-page-details { padding-bottom: 20px; }
		.footer-top-parts.footer-bottom-parts { margin-top: 0; padding-top: 30px; }
		.footer-top-parts.footer-bottom-parts .bottom-ffoter-text span { display: block; font-family: 'TTHoves-Light'; font-size: 12px; line-height: 14px; }
		.footer-top-parts.footer-bottom-parts .footer-description { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
		.contact-description .tick-box-page.bottom-contact-page .tick-mark-box p { max-width: 80%; }
		.contact-page-details .mail-list-details { max-width: 100%; padding-right: 20px; }
		.contact-page-details .tick-box-page.bottom-contact-page .mail-subscribe { width: 70% }
		.contact-page-details .tick-box-page.bottom-contact-page { display: block; }
		.contact-page-details .mail-list-form input[type="email"] { font-size: 48px; line-height: 58px; }
		.bcrl-navbar .contact-description { top: 50%; }
		.contact-page-details .left-arrow { left: 10px;
			transform: rotate(135deg);
			top: 12px;
			margin: auto; }
		.left-arrow.follow-arrow { left: 490px; }
		.left-arrow.list-arrow, .left-arrow.follow-arrow { top: 22px }
		.work-details-page .view-project-link a { font-size: 18px; line-height: 22px; }
		.contact-description .back-menu { margin-top: 20px; margin-left: 0; position: relative; left: auto; bottom: auto; }

		/*.footer-description {
		    margin: 0 -10px;
		}*/
		#work-hero .work-hero-details { padding-top: 50px; padding-top: 10px; }
		#work-silder { padding-bottom: 40px; }
		.work-page-details .work-hover { margin-left: 0px; margin-right: 0px; }
		.contact-description .contact-page-details { height: 500px; overflow-y: scroll; }
		.site-navbar .hamburger.opened .hamburger-box { margin-top: 0; margin-bottom: 15px; }
		.work-data { margin: 0; }

		/*.contact-section .menu-icon_box.hamburger-box {
		    margin-bottom: 0px;
		}*/

		/*.site-navbar .navabar-middle .navabar-top li a:hover:before  {
		display: none;
		}*/

		.contact-description { /* padding-top: 160px;*/ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 0; }
		.navabar-middle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; margin-top: -10px; padding-left: 0; }
		.header-navbar { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
		.site-navbar .navabar-middle ul { margin-top: 0; }
		.iScrollVerticalScrollbar.iScrollLoneScrollbar { width: 7px !important; }
		.work-data .work-title { letter-spacing: normal; }
		.footer-sub-details-2, .footer-sub-details-4, .footer-top-parts .footer-description .footer-details.footer-register { padding-left: 25px; }
		.footer-top-parts.footer-bottom-parts .bottom-ffoter-text { border-top: 0; }
		.wpcf7 form.sent .wpcf7-response-output { font-size: 34px; height: 44px; top: 6px; }

		/*awards section css start here*/
		.awards-deatils-section .awards-details .awards-data { text-align: left; }
		.awards-details-top .awards-left, .awards-details-bottom .awards-left { max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; }
		.awards-details-top .awards-right, .awards-details-bottom .awards-right { max-width: 60%; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; padding-left: 18px; }
		.about-team-section.awards-section .awards-deatils-section .team-title-details .team-title { font-size: 30px; line-height: 34px; }
		.down_arrow_box { bottom: 62px; }
		.awards-details-box .awards-year { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
		.awards-details-box .awards-left { max-width: 27%; -webkit-box-flex: 0; -ms-flex: 0 0 27%; flex: 0 0 27%; }
		.awards-details-box .awards-right { max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; padding-left: 15px; }
		.awards-deatils-section .awards-details p, .awards-deatils-section .awards-details .awards-title { font-size: 15px; }
		.awards-details-box.a-box-1 .awards-data .award_img img { width: 16%; height: 100%; margin: 0; margin-right: 35px; margin-top: 20px; }
		#banner-details .work-video.vimeo_banner_video {
		    height: 60vh;
		}
		.project-with-vimeo-body .bcrl-header .bcrl-navbar .site-padding .site-right .burger_box .menu-icon_box {
		    width: 40px;
		    height: 40px;
		}
		.project-with-vimeo {
		    padding-top: 120px;
		}
		.footer-sub-details-4.master span.span_br {
		    display: inline;
		}
		.awards-deatils-section .awards-details .a-box-2 .awards-data img, .awards-details-box.a-box-4 .awards-right .awards-desc .awards-data img { width:auto; max-height: 80px;height: auto; }
		.awards-details-box .awards-right img {     max-height: 80px; }
		.awards-data .award_img img { margin-right: 20px !important; }
		.awards-details-box.a-box-4 .awards-right .awards-desc .awards-data img {
			width: auto;
			height: auto;
			max-height: 80px;
		}
		.about-body .about-page .about-details-section .about-company .about-details-parts ul  {
			display: block;
		}
		.header-popup .header-container {
		    padding-top:0;
			padding-right: 0;
		}
		.header-nav-social-wrap {
			margin-top: 50px;
			flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
		}
		.hero-tagline-overlay p {
			font-size: 34px;
		}
	}

	/***************************************************************************************
	*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 992 STARTS
	***************************************************************************************/
	@media screen and (min-width:992px) {
		.contact-wrap-master { border-top: 1px solid #fff; }
		.wpcf7 form.sent .wpcf7-response-output { margin-left: 5px; }

		/*work page css start here*/
		.footer-description .footer-details .footer-title, .footer-top-parts.footer-bottom-parts .bottom-ffoter-text { border-top: 1px solid #fff; }
		.footer-top-parts .footer-description .footer-details { border-top: 0; }
		.footer-top-parts.footer-bottom-parts .footer-details:last-child .bottom-ffoter-text { border-top: 1px solid #fff; }
		.footer-sub-details-2, .footer-sub-details-4, .footer-top-parts .footer-description .footer-details.footer-register { padding-left: 0; }
		.footer-top-parts .footer-description .footer-details.footer-register { padding-left: 4px; }
		.project-banner-data.banner-new-title .banner-right { padding-left: 0; }
		.mrg-top { padding-top: 130px; }
		.work-page-section { padding-top: 5px; padding-bottom: 100px; }
		.bcrl-header .bcrl-navbar { min-height: 130px; background-color: transparent; top: 0; bottom: auto; }
		.work-description .work-page-details { float: left; width: 50%; padding: 0px 30px; padding-bottom: 20px; -webkit-transition: opacity 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; }
		.work-description { margin: 0px -30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

		/*work page css end here*/

		/*common css start here*/
		.team-title-details .team-title { font-size: 48px; line-height: 58px; font-weight: normal;/* letter-spacing: 1px;*/ }

		/*.header-navbar .site-logo .logo-img img, .navbar-logo .logo-img img { width: 158px; }*/
		.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 60px; }
		.burger_box .menu-icon_box { width: 60px; height: 60px; }
		.header-popup-close img { width: 60px; height: 60px; }
		.site-padding { padding-left: 10px; padding-right: 10px; }
		.site-navbar .site-padding { padding-left: 77px; }
		.contact-section .site-padding { padding-left: 20px !important; padding-right: 8px !important; }
		.back_to_work { left: 77px; }
		.bcrl-footer .site-padding { padding-left: 0px; padding-right: 0px; }
		.bcrl-header .bcrl-navbar .site-padding , .CMS_page_section .site-padding{ padding-left: 77px; }
		.selected-work-caption { left: 77px; }
		.work-filters-bar { padding-left: 67px; }
		.location-time-pill { left: 77px; }
		.banner-para-section { padding-left: 72px; padding-right: 72px; }
		#fp-nav.right { right: 88px; }
		.social-links { right: 58px !important; bottom: 55px !important; }
		.header-navbar .site-right { margin-right: 50px; }
		.cookie-consent-pill { right: 50px; }
		.social-links .click-link.left-side { left: -130px; }
		.link-details.link-open { left: -38px; }
		/*.site-navbar .navabar-middle .navabar-top li a { font-size: 114px; line-height: 126px; }*/
		.site-navbar .navabar-middle .navabar-bottom li a { font-size: 44px; line-height: 54px; }

		/*common css end here*/

		/*footer part css start here*/
		.footer-top-parts { width: 100%; float: left; }
		.view-project-link { padding: 48px 0; }
		.about-company .about-title { padding-top: 8px; }

		/*.footer-details.visit-footer {
		    padding-left: 10px !important;
		}*/
		.footer-top-parts.footer-bottom-parts { padding-top: 50px }
		#work-hero .work-hero-details { padding-top: 50px; }

		/*footer part css end here*/

		/*work details part css start here*/
		.work-site-section .view-project-link { padding: 100px 0; }
		.site-details { padding: 100px 0px; }
		.work-silder-section .bond-slide-block { margin: 0px 5px; }
		.work-gride-details .work-gride { width: 50%; float: left; padding: 0px 50px; }
		.work-details-banner-section .work-banner { min-height: 580px; }
		.work-details-banner-section .work-banner-video, .work-hero-dection .hero-banner-video { height: 580px; }
		.work-details-banner-section, .work-details-banner-section .work-banner-data { min-height: 580px; }
		.work-hero-dection .work-hero-details .work-hero { min-height: 720px; }

		/*work details part css end here*/

		/*service page part css start here*/
		.div-gap { min-height: 300px; }
		.service-details { padding-bottom: 40px; }
		.display-title { padding: 30px 0 20px !important; }
		.branding-post { margin-top: 0px; }
		.online-post { margin-top: 130px; }
		.div-gap.client-bottom { min-height: 230px; }
		.div-gap.companies-top { min-height: 230px; background-color: transparent; }
		.service-page-details .service-left .post-details, .offering-data .servide-who { margin: 0 0 70px auto; }
		.service-page-details .service-right .post-details, .offering-data  .who-details { max-width: 350px; margin: 0px auto 70px 0; }
		.offering-data { margin-top: 165px; margin-bottom: 0; }
		.side-margin { max-width: 900px; }
		.companies-details { padding-bottom: 60px; }
		.companies-block-section { margin-top: 105px; padding-bottom: 50px; }

		/*.work-banner-title .banner-title { font-size: 132px; line-height: 142px; }*/
		.service-page-details .branding-post .post-details, .service-page-details .reporting-post .post-details, .service-page-details .online-post .post-details { max-width: 100%; }
		.service-page-details .branding-post .service-title, .service-page-details .branding-post .post-data-details, .service-page-details .reporting-post .service-title, .service-page-details .reporting-post .post-data-details { max-width: 350px; margin: 0 0 0 auto; }
		.service-page-details .online-post .service-title, .service-page-details .online-post .post-data-details { max-width: 350px; margin: 0 auto 0 0; }
		.service-page-details .branding-post .post-data-details, .service-page-details .reporting-post .post-data-details, .service-page-details .online-post .post-data-details { margin-bottom: 70px; }
		.custom-product-details .header-navbar .site-logo .header-logo-white a { display: block !important; }
		.custom-product-details .site-logo a.logo-img.logo-white { opacity: 1; visibility: visible; display: block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1); }
		.custom-product-details .header-navbar .site-logo .header-logo-black a, .custome-product-navbar.custom-product-details .header-navbar .site-logo .header-logo-white a { display: block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1); }
		.custome-product-navbar.custom-product-details .header-navbar .site-logo .header-logo-black a { display: block !important; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1); }
		.custom-product-details .burger_box .menu-icon .menu-icon_box .menu-icon_line, .custom-product-details  .hamburger-inner:after, .custom-product-details .hamburger-inner:before { background-color: #fff; border-color: #fff; }
		.custom-product-details.custome-product-navbar .burger_box .menu-icon .menu-icon_box .menu-icon_line, .custom-product-details.custome-product-navbar  .hamburger-inner:after, .custom-product-details.custome-product-navbar .hamburger-inner:before { background-color: #000; border-color: #000; }
		.custom-product-details.custome-product-navbar .site-logo a.logo-img.logo-white { opacity: 0; visibility: hidden; display: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1); }
		.custom-product-details.custome-product-navbar .site-logo a.logo-img.logo-black { display: block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1); -o-transition-timing-function: cubic-bezier(.645, .045, .355, 1); transition-timing-function: cubic-bezier(.645, .045, .355, 1); }
		.custom-product-details.custome-product-navbar.custome-product .site-logo a.logo-img.logo-white { display: block !important; opacity: 1 !important; visibility: visible !important; }
		.custom-product-details.custome-product-navbar.custome-product  .site-logo a.logo-img.logo-black { display: none !important; }
		.banner-title img { max-width: 300px; }
		.companies-block-section .block-left-bottom { margin-top: 230px; }
		.div-gap.what-do-gap, .div-gap.unique-gap-top, .div-gap.offering-data-gap, .div-gap.service-client-gap { display: block; }
		.meet-team-section { margin-top: 105px; }
		.meet-team-section .team-right-top { margin-top: 200px; }
		.companies-block-section .service-right { margin-top: 190px; }
		.team-right-bottom .post-details { margin-top: 0px !important; }
		.div-gap.unique-gap-top, .div-gap.offering-data-gap, .div-gap.service-client-gap { min-height: 180px; }
		.service-page-section .service-details { padding-top: 150px; }
		.div-gap.top-gap { min-height: 370px; }
		.work-gride-details .work-gride { margin-top: 10px; }

		/*.service-details-section { min-height: auto; }*/

		/*25-6-2020*/
		.offering-data.team-introduction { margin-top: 113px; }
		.down-arrow { bottom: 83px; }

		/*service page part css end here*/
		.about-details-parts { width: 25%; float: left; padding: 0px 15px; text-align: left; margin-bottom: 0; padding-top: 12px; }
		.about-title { margin-bottom: 20px; text-align: left; }
		.about-details-section { padding-top: 40px; padding-bottom: 50px; }
		.team-title-details { margin-bottom: 40px; }
		.about-team-section { padding-top: 90px; }

		/*.bond-slide-block img { max-height: 235px; }*/
		.section-latter-para { left: 50%; transform: translate(-50%, -50%); }
		
		.footer-top-parts .footer-description .footer-details { float: left; width: calc(33.33% - 8px); margin: 0px 4px 25px; padding-bottom: 50px; border-bottom: 1px solid #fff; }
		.footer-description .footer-details .footer-title { margin-bottom: 20px; }
		.footer-top-parts .footer-description .footer-details.visit-footer.footer_b_left {
		    padding-bottom: 29px;
		}
		.footer-top-parts .footer-description .footer-details.footer-follow-link.footer_b_right {
		    padding-bottom: 28px;
		}
		.mail-list-details { max-width: 65%; }

		/*.back_to_work { bottom: 90px; }*/
		.about-contact-section { display: none; }
		.team-details { display: -webkit-box; display: -ms-flexbox; display: flex; }
		.team-img { max-width: 48%; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; }
		.team-desc { max-width: 52%; -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; padding-left: 18px; }
		.about-page .banner-details-section .banner-details { padding-bottom: 100px; }
		.about-details-section { padding-top: 40px; padding-bottom: 0px; }
		.about-page .about-details-section { padding-top: 0; }
		.about-body .about-container, .bcrl-footer .about-container, .about-body .footer-top-parts .about-container { padding: 0px 25px; }
		.about-details-parts { border-top: none; padding-top: 0; }

		/*.about-company { border-top: 1px solid #b6b6b6; }*/
		.about-details-parts.reporting-img { padding-left: 4px; }
		.team-details .team-img { margin-bottom: 0px; width: 100%; }
		.banner-details-section.content-section .project-banner-data { padding: 50px 0; }
		.work-gride-details, .wrok-mockup-details { margin: 0px -10px; }
		.banner-para-section .para-details { padding-bottom: 50px; padding-top: 50px; }
		.work-gride-details { margin: 0 -4px; }
		.work-gride-details .work-gride { padding: 0 4px; }
		.service-template .bcrl-footer, .work-template .bcrl-footer, .custom-product-details .bcrl-footer, .home-navbar .bcrl-footer { padding-top: 80px; padding-bottom: 65px; }

		/*.work-silder-section.work-img-section { padding-bottom: 60px; }*/
		.about-body .banner-details-section.content-section .project-banner-data { padding: 0; }
		.work-gride-details .work-gride { width: 50%; float: left; margin-top: 10px; }
		.banner-para-section .para-details p { font-size: 20px; line-height: 25px; letter-spacing: 0.2px; }
		.work-details-page .view-project-link a { font-size: 22px; line-height: 28px; }
		.back_to_work { bottom: 95px !important; }
		.work-description .work-page-details { padding: 0px 5px; padding-bottom: 20px; }
		.work-description { margin: 0 -5px; }

		/*	.work-body .site-padding { padding-left: 10px; padding-right: 10px; }*/
		.about-body .bcrl-navbar .site-padding { padding-left: 77px; padding-right: 10px; }
		.project-banner-data.banner-new-title .work-sub-title , .CMS_page_data .entry-title{ font-size: 48px; line-height: 58px; padding-right: 0px; }
		.project-banner-data.banner-new-title .banner-left { max-width: 38%; -webkit-box-flex: 0; -ms-flex: 0 0 38%; flex: 0 0 38%; }
		.project-banner-data.banner-new-title .banner-right { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 	50%; flex: 0 0 50%; }
		.about-body .about-page .banner-details-section.content-section { padding-top: 5px; }
		.slick-slider .slick-arrow.slick-next { right: 80px; }
		.slick-slider .slick-arrow.slick-prev { left: 90px; }
		.CMS_page_data .entry-title { font-size: 48px;margin-bottom: 50px; }
		/*.about-details-parts.reporting-img { width: 28%; padding-left: 22px; }*/

		/*.about-details-parts.print-img { width: 22%; }*/
		.about-details-parts.online-img, .about-details-parts.print-img { padding-left: 4px; }
		.about-details-parts.print-img { padding-right: 0; }
		.down-arrow { left: 0; }

		/*.about-details-parts.reporting-img { border-top: 1px solid #b6b6b6; }*/
		#work-link .site-details { padding: 60px 0; }

		/*.about-body .bcrl-footer .site-padding {
		    padding-left: 25px;
		    padding-right: 25px;
		}*/
		.about-company .about-title { border-top: 1px solid #b6b6b6; }
		.desktop-primary-nav li a.kickoff-trigger {
			background: #000;
			color: #fff;
			padding: 2px 12px;
		  }
		  .desktop-primary-nav li a.kickoff-trigger, .home-navbar .desktop-primary-nav li a.kickoff-trigger {
			display: block;
			padding: 2px 12px;
		  }
		/*.footer-details.footer-follow {
		    width: 19% !important;
		}
		.footer-details.visit-footer {
		    width: 28% !important;
		    padding-left: 22px !important;
		}*/
		.contact-page-details .tick-box-page.bottom-contact-page { display: -webkit-box; display: -ms-flexbox; display: flex; }
		.contact-page-details .tick-box-page.bottom-contact-page .mail-subscribe { width: 55%; padding-left: 20px; }

		/*.contact-description .tick-box-page.bottom-contact-page .tick-mark-box p{
		max-width: 100%;
		}*/
		.footer-details:first-child { padding-left: 0 !important; }
		.footer-details:last-child { padding-right: 0 !important; }
		.footer-description { margin: 0;display:flex; }
		.site-navbar .navabar-middle ul li { margin-bottom: 4px; }
		.site-navbar .navabar-middle ul li:last-child { margin-left: 0; }
		.contact-description .contact-page-details { height: 480px; overflow-y: scroll; }
		.contact-description { padding-top: 0px;  position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
		.wpcf7 form.sent .wpcf7-response-output { top: 6px; left: 7px; }

		/*awards section css start here*/
		.awards-deatils-section .awards-details { max-width: 48%; -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; }
		.awards-deatils-section .team-title-details { -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; max-width: 52%; }
		.about-team-section.awards-section .awards-deatils-section .team-title-details .team-title { font-size: 34px; line-height: 40px; }
		body.subscribe_template .contact-page-details .mail-list-right input[type="submit"] { width: 90px; }
		.down_arrow_box { bottom: 72px; }

		.awards-deatils-section { display: -webkit-box; display: -ms-flexbox; display: flex; }
		.awards-deatils-section .team-title-details { max-width: 24%; -webkit-box-flex: 0; -ms-flex: 0 0 24%; flex: 0 0 24%; }
		.awards-deatils-section .awards-details { max-width: 76%; -webkit-box-flex: 0; -ms-flex: 0 0 76%; flex: 0 0 76%; padding-left: 18px; }
		.awards-details-box .awards-year { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
		.awards-details-box.a-box-1 .awards-data .award_img img { margin-right: 35px;}
		#banner-details .work-video.vimeo_banner_video {
		    height: 70vh;
		}
		.footer-description .footer-details .footer-contact { font-size: 16px; line-height: 20px; }
		.footer-description .footer-details address { font-size: 15px; line-height: 21px;}
		.footer-description .footer-details .footer-sub-details-1 .footer-contact {
		    padding-right: 0px;
		}
		.footer-description .footer-details address .span_br:last-child , .footer-description .footer-details address .span_br:nth-child(3){
			display: inline;
		}
		.cookie-policy .cookie-data .mobile-cookie-right:before , .cookie-policy .cookie-data .mobile-cookie-right:after {
			content: "";
			height: 34px;
			width: 1px;
			background-color: #fff;
			position: absolute;
			left: 0;
			top: 3px;
		}
		.cookie-policy .cookie-data .mobile-cookie-right:after {
			left: unset;
			right: 0;
		}
		.cookie-policy .cookie-data .mobile-cookie-right .coo_para {
			padding-right: 7px;
		}
		.cookie-policy .cookie-data .mobile-cookie-dismiss .coo_para {
			padding-right: 15px;
		}
		.cookie-policy .cookie-data .mobile-cookie-data , .cookie-policy .cookie-data .mobile-cookie-right, .cookie-policy .cookie-data .mobile-cookie-dismiss{
			max-width: 33.33%;
			-webkit-box-flex: 0;
			-ms-flex: 0 0 33.33%;
			flex: 0 0 33.33%;
			padding: 11px 0 10px;
		}
		.cookie-policy {
			min-height: 42px;
			width: 100%;
			height: auto;
		}
		.cookie-policy .cookie-data .mobile-cookie-right {
			min-height: auto;
			border-right: 0;
		}
		.cookie-policy.mobile-cookie .mobile-cookie-data {
			border-right: 0;
			min-height: auto;
		}
		.cookie-close-img {
			width: 20px;
		}
		.desktop-primary-nav li a, .desktop-primary-nav li a.kickoff-trigger, .desktop-primary-nav li a.kickoff-trigger, .home-navbar .desktop-primary-nav li a.kickoff-trigger  {
			font-size: 18px;
			line-height: 30px;
		}
		.desktop-primary-nav li a.kickoff-trigger {
			display: block;
		}
		.desktop-primary-nav {
			gap: 20px;
		}
		.nav-right-wrap {
			gap: 41px;
		  }
		  .desktop-primary-nav {
			display: flex;
			margin-top: -3px;
		  }
		  .selected-work-caption .swc-title { font-size: 22px; line-height: 28px; color: #000; margin: 0; }
.selected-work-caption .swc-subtitle { font-size: 15px; color: #000; margin: 2px 0 0; }
.selected-work-caption {
	max-width: 360px;
	bottom: 60px;
	padding: 30px;
	width: 100%;
}
.work-filters-bar {
	padding-top: 30px;
	padding-bottom: 40px;
}
		/*.awards-deatils-section .awards-details { max-width: 47%; -webkit-box-flex: 0; -ms-flex: 0 0 47%; flex: 0 0 47%; }
		.awards-deatils-section .team-title-details { -webkit-box-flex: 0; -ms-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; }*/ }

		/***************************************************************************************
		*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1024 STARTS
		***************************************************************************************/
		@media screen and (min-width:1025px) {
			.team-desc { padding-left: 18px; }
			.down_arrow_box { bottom: 40px; }
			.video-set-section { position: relative; height: 100vh; }

			/*work page css start here*/
			.work-data .work-subtitle { opacity: 0; -webkit-transition: opacity 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; }
			.work-description .work-page-details:hover .work-data .work-subtitle { opacity: 1; -webkit-transition: opacity 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; }
			.work-page-section { padding-top: 5px; padding-bottom: 100px; }
			.site-navbar .navabar-middle .navabar-top li a { font-size: 70px; line-height: 70px; }
			.site-navbar .navabar-middle .navabar-bottom li a { font-size: 48px; line-height: 58px; }
			.view-project-link { padding: 52px 0; }
			.header-navbar .site-logo .logo-img img, .navbar-logo .logo-img img { width: 77px; }

			/*work page css end here*/

			/*work details part css start here*/
			.header-navbar .site-logo .logo-img svg { height: 82px !important; width: 215px !important;margin-top:-3px}
			.navbar-logo .logo-img svg { height: 84px !important; width: 223px !important;  }
			.work-data .work-title { font-size: 22px; line-height: 28px; }
			.work-data .work-subtitle { font-size: 15px; line-height: 18px; }
			.work-silder-section .bond-slide-block { margin: 0px 5px; }
			.work-details-banner-section .work-banner { min-height: 100vh; }
			.work-details-banner-section .work-banner-video { height: 100vh; }
			.work-details-banner-section, .work-details-banner-section .work-banner-data { min-height: 100vh; }
			.work-hero-dection .hero-banner-video { height: 870px; }
			.drop { background: red; height: 10px; width: 10px; border-radius: 50%; z-index: -1; left: 0; right: 0; margin: auto; -webkit-animation: fade-in 1.3s; -moz-animation: fade-in 1.3s; -o-animation: fade-in 1.3s; animation: fade-in 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; }

			/*work details part css end here*/

			/*service page part css start here*/

			/*.service-details-section { min-height: auto; }*/
			.service-page-section { /*margin-bottom: 160px; */ position: relative; }
			.service-page-section .service-details { padding-top: 250px; }
			.display-title.process-action { padding-bottom: 200px !important; }
			.div-gap, .div-gap.top-gap { min-height: 370px; }
			.service-details { padding-bottom: 60px; }
			.display-title { padding: 60px 0 40px !important; }
			.service-left { padding-right: 90px; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
			.service-right { padding-left: 90px; -ms-flex-preferred-size: 50%; flex-basis: 50%; }
			.branding-post { margin-top: 40px; }
			.online-post { margin-top: 190px; }
			.div-gap.client-bottom { min-height: 400px; }
			.div-gap.companies-top { min-height: 380px; }
			.service-page-details .service-left .service-title:after { right: -100px; }
			.service-page-details .service-right .service-title:after { left: -100px; }
			.offering-data .post-data.post-top-service:before { left: -100px; }
			.branding-post, .reporting-post, .online-post, .servide-who, .who-details, .team-left-top, .team-left-bottom, .team-right-top, .team-right-bottom, .block-left-top, .block-left-bottom, .block-right-top { padding: 0px 10px; }
			.meet-team-section .team-right-top { margin-top: 160px; }
			.banner-title img { max-width: 340px; }

			/*.service-page-details .branding-post .post-data-details, .service-page-details .reporting-post .post-data-details, .service-page-details .online-post .post-data-details, .meet-team-section .post-details .post-data, .companies-block-section .post-details .post-data { opacity: 0; -webkit-transition: opacity 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; }
			.service-page-details .branding-post .post-details:hover .post-data-details, .service-page-details .reporting-post .post-details:hover .post-data-details, .service-page-details .online-post .post-details:hover .post-data-details, .meet-team-section .post-details:hover .post-data, .companies-block-section .post-details:hover  .post-data { opacity: 1; -webkit-transition: opacity 0.4s ease-in-out 0s; -o-transition: opacity 0.4s ease-in-out 0s; transition: opacity 0.4s ease-in-out 0s; }*/
			.div-gap.what-do-gap { min-height: 140px; }
			.div-gap.unique-gap-top { min-height: 290px; }
			.companies-block-section .block-left-bottom { margin-top: 230px; }
			.work-details-banner-section .work-banner { background-position: center; background-size: cover; }
			.about-page .about-image-section .work-banner-data .work-banner { background-position: 45% -180px; min-height: 78vh; }
			.about-page .about-image-section .work-banner-data { min-height: 78vh; }
			.tick-box-page.bottom-contact-page .tick-mark-box p { max-width: 400px; }
			.contact-description { /*padding-top: 125px; padding-top: 80px;*/ }
			.mail-list-details { max-width: 60%; }
			.banner-para-section .para-details { width: 50%; }
			.banner-para-section.text-right .para-details { float: right; padding-left: 4px; }
			.banner-para-section.text-left .para-details { float: left; padding-right: 4px; }
			.work-gride-details { margin: 0 -4px; }
			.work-gride-details .work-gride { width: 50%; float: left; padding: 0px 4px; }
			.about-body .footer-top-parts .about-container { padding: 0 25px; }
			.banner-para-section .para-details p { font-size: 20px; line-height: 25px; letter-spacing: 0.2px; }
			.banner-para-section .para-details { width: 50%; }

			/*.banner-para-section.text-right .para-details { padding-left: 30px; }*/

			/*.banner-para-section.text-left .para-details { padding-right: 10px; }*/
			.project-banner-data.banner-new-title .banner-left { max-width: 32%; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; }
			.project-banner-data.banner-new-title .banner-right { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;padding-left:5px; }
			.fp-section.section { background-attachment: fixed; }

			/*.about-details-parts.reporting-img {
			    width: 30%;
			    padding-left: 53px;
			}
			.about-details-parts.print-img {
			    width: 20%;
			}*/
			.work-body .bcrl-footer, .about-body .bcrl-footer, .custom-product-details .bcrl-footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: -1; }
			.work-page, .work-details-page { z-index: 9;    /*background-color: #f0f0f0;*/ margin-bottom: 636px; }
			.about-page { background-color: #f0f0f0; margin-bottom: 636px; z-index: 9; }
			.contact-description .tick-box-page.bottom-contact-page .tick-mark-box p { max-width: 400px; }
			.down-arrow { bottom: 53px; }
			.contact-description .contact-page-details { height: 690px; overflow-y: scroll; }

			/*service page part css end here*/
			.awards-details-box .awards-year { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
			/*.awards-details-box .awards-year { -webkit-box-flex: 0; -ms-flex: 0 0 39%; flex: 0 0 39%; max-width: 39%; }*/
			.awards-details-box .awards-left { max-width: 32%; -webkit-box-flex: 0; -ms-flex: 0 0 32%; flex: 0 0 32%; }
			.awards-details-box .awards-right { max-width: 35%; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; padding-left: 20px; }

			.project-with-vimeo {
				padding-top: 150px;
			}
			.work-filter-pill, .work-filters-toggle  {
				font-size: 20px;
			  }
			  .hero-tagline-overlay p {
				font-size: 36px;
			}

			/*awards section css start here*/

			/*.awards-deatils-section .team-title-details{ max-width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }
			.awards-deatils-section .awards-details {max-width: 80%; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%;padding-left: 18px;   }*/ }
			@media screen and (min-width:1100px) {
				
				.footer-sub-details-4.master span, .footer-sub-details-4.master span a { display: block; font-family: 'TTHoves-Thin'; font-size: 10px; line-height: 14px; color: #fff; }

				/*.bond-slide-block img { max-height: 300px; }*/
				.mail-list-details { max-width: 55%; }
				.about-details-parts { width: 25%; padding: 0 4px; }
				.about-details-parts.print-img {/* width: 19%;*/ padding-right: 0; }
				.work-page-details .modal-content { width: auto; }

				/*.about-body .bcrl-footer .site-padding {
				    padding-left: 0;
				    padding-right: 0;
				}*/
				.wpcf7 form.sent .wpcf7-response-output { font-size: 42px; height: 50px; }
				.contact-description .contact-page-details { overflow: visible; height: 100%; }
				.home-page.page_loader { background-color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
				.wpcf7 form.sent .wpcf7-response-output { top: 0; }
				#banner-details .work-video.vimeo_banner_video {
				    height: 100vh;
				}
				/*#work-banner .work-banner-details .work-banner-data .work-banner-video iframe {  min-height: 97vh; }*/
			}

			/***************************************************************************************
			*MEDIA QUERY FOR DEVICE WIDTH MORE THEN 1250 STARTS
			***************************************************************************************/
			@media screen and (min-width:1250px) {

				/*common css start here*/
				.down_arrow_box { bottom: 40px; }
				.site-padding { padding-left: 8px; padding-right: 8px; }
				.contact-section .site-padding { padding-left: 40px !important; padding-right: 8px !important; }
				#fp-nav.right { right: 115px; }
				.social-links { right: 88px !important; bottom: 70px !important; }
				.header-navbar .site-right { margin-right: 80px; }
				.cookie-consent-pill { right: 78px; }
				.view-project-link { padding: 64px 0; }
				.work-details-banner-section .work-banner { width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; background-attachment: fixed; }
				.team-details { padding: 0px 4px; }
				.about-team-details .about-team { margin: 0px -4px; }
				.bcrl-navbar .contact-description { padding-top: 150px; }
				.contact-description .back-menu { margin-top: 0px; }
				.back_to_work { left: 105px; }
				.bcrl-footer .site-padding { padding-left: 0px; padding-right: 0px; }
				.bcrl-header .bcrl-navbar .site-padding , .CMS_page_section .site-padding { padding-left: 106px; }
				.selected-work-caption { left: 106px; }
				.work-filters-bar { padding-left: 98px; }
				.location-time-pill { left: 106px; }
				.banner-para-section { padding-left: 100px; padding-right: 100px; }
				.work-hero-dection .work-hero-details .work-hero { min-height: 800px; background-attachment: fixed; }
				.slick-slider .slick-arrow { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

				/*.slick-slider .slick-arrow { opacity: 0; visibility: hidden; }*/
				.slick-slider .slick-arrow.slick-prev { left: 118px; }
				.slick-slider .slick-arrow.slick-next { /*-webkit-transform: translateY(40%); -ms-transform:translateY(40%); transform:translateY(40%);*/ right: 105px; }
				.work-description .work-page-details { padding: 0px 4px; padding-bottom: 20px; }
				.work-description { margin: 0 -4px; }

				/*.work-body .site-padding { padding-left: 8px; padding-right: 8px; }*/

				/*.about-body .bcrl-navbar .site-padding {
				    padding-left: 8px;
				    padding-right: 8px;
				}*/
				.site-navbar .site-padding { padding-left: 106px; }
				.contact-page-details .mail-list-details { max-width: 80%; padding-right: 20px; }
				/*.contact-description {*/
				/*    padding-top: 195px;*/
				/*}*/
				body.subscribe_template .contact-page-details .mail-list-right input[type="submit"] { height: 65px; width: 65px; z-index: 2; position: relative; }
				.contact-page-details address a, .contact-page-link a, .bottom-contact-page .contact-follow-title, .bottom-contact-page .contact-follow-title a {
				    font-size: 46px;
				    line-height: 52px;
				}
				.cookie-policy .cookie-data .mobile-cookie-data {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
						-ms-flex-align: center;
							align-items: center;
				}
				.cookie-policy .cookie-data .mobile-cookie-right:before , .cookie-policy .cookie-data .mobile-cookie-right:after  {
					top: 5px;
				}
				.hero-tagline-overlay p {
					font-size: 40px;
				}

			/*common css end here*/ }
			@media screen and (min-width:1360px) {

				/*.bond-slide-block img { max-height: 500px; }*/
				.mail-list-details { max-width: 45%; }
				.footer-description .footer-details address {
					padding-right: 10px;
				}
				.contact-page-details address a, .contact-page-link a, .bottom-contact-page .contact-follow-title, .bottom-contact-page .contact-follow-title a { font-size: 48px; line-height: 58px; }
			
				.desktop-primary-nav li a, .desktop-primary-nav li a.kickoff-trigger {
					font-size: 22px;
					line-height: 34px;
				}
				.desktop-primary-nav {
					gap: 55px;
				}
				.nav-right-wrap {
					gap: 61px;
				  }
				  .header-popup-close {
					top: 30px;
					right: 88px;
				  }
				  .work-filter-pill, .work-filters-toggle  {
					font-size: 22px;
				  }
				  .selected-work-caption {
					max-width: 550px;
				  }
				  .hero-tagline-overlay p {
					font-size: 44px;
				}
				.site-navbar.menu-open .site-right .burger_box {
					top: 0;
					right: 38px;
				}
				.contact-description { padding-top: 110px; }
			}
			@media screen and (min-width:1600px) { 
			
				.hero-tagline-overlay p {
					font-size: 50px;
				}
			}
			@media screen and (min-width:1700px) {
				.mail-list-details { max-width: 35%; }
			}
			@media screen and (min-width:1850px) { }
			@media screen and (min-width:2000px) { }
			@media screen and (max-width:360px) {
				.work-details-banner-section .work-banner { min-height: 420px; }
				.bond-slide-block img { /*max-height: 300px;*/ }
				.work-hero-dection .work-hero-details .work-hero { min-height: 250px; }
				.contact-description .contact-page-details { height: 480px; overflow-y: scroll; overflow-x: hidden; }
				.site-navbar .navabar-middle .navabar-top li:nth-child(2) a:hover:before { content: ""; bottom: 16px; top: auto; }
				.wpcf7 form.sent .wpcf7-response-output { font-size: 26px; height: 30px; }
				.footer-description .footer-details address { font-size: 13px; line-height: 16px; }
				.awards-details-bottom .awards-right .awards-data img, .awards-details-box.a-box-3 .awards-data img {
					max-height: 55px;
				}
			}
			@media screen and (max-width:320px) {
				.bond-slide-block img { /*max-height: 280px;*/ }
				.contact-description { padding-top: 0; }
				.contact-page-link { margin-top: 30px; }
				.work-hero-dection .work-hero-details .work-hero { min-height: 220px; }
				.bcrl-navbar .contact-description { top: 50%; }
				.contact-page-details address a, .contact-page-link a, .bottom-contact-page .contact-follow-title, .bottom-contact-page .contact-follow-title a { font-size: 25px; line-height: 32px; }
				.left-arrow.list-arrow { left: 230px; top: 7px; }
				.left-arrow.follow-arrow { top: 7px; left: 270px; }
				.contact-description .back-menu { margin-top: 10px; }
				.contact-description .contact-page-details { height: 410px; overflow-y: scroll; overflow-x: hidden; }
				.wpcf7 form.sent .wpcf7-response-output { font-size: 23px; height: 30px; }
			}

			/*@media (prefers-color-scheme: dark) {
			  html {
			    background-color: red;
			  }
			}*/
			@media screen and (max-width:639px) {
				.cookie-data p { display: block !important; }
				/* .cookie-policy { height: 70px !important } */
				.mobile-cookie .cookie-text { margin-top: 0; margin-bottom: 0; }
				.cookie-policy.mobile-cookie .cookie-data { text-align: left; }
				.cookie-policy.mobile-cookie .mobile-cookie-data { width: 50%; padding: 8px 5px 8px 0; border-right: 1px solid #fff; }
				.mobile-cookie-right .cookie-link.text { margin: 0 !important; border: 0; }
				.cookie-policy.mobile-cookie .mobile-cookie-right .cookie-close { position: relative; right: unset; top: unset; margin: 0; margin-left: 15px; }
				.awards-details-top .awards-right, .awards-details-bottom .awards-right { padding-left: 6px; }
				.awards-deatils-section .awards-details { padding-left: 0; }
			}
			@media screen and (max-width:320px) {
				.cookie-data .text { font-size: 9px; line-height: 12px; letter-spacing: 0; }
				.awards-data .award_img img {
					margin-right: 10px !important;
					display: block !important;
				}
				/* .awards-deatils-section .awards-details .a-box-2 .awards-data img {
					width: 50px;
					height: 50px;
				} */
			}

			/* style for detial news letter page  */
			@media screen and (min-width:376px) {
				body.subscribe_template .newsletter-description .newsletter-page-details address  a { font-size: 28px; line-height: 40px; }
				body.subscribe_template .newsletter-page-link a { font-size: 28px; line-height: 40px; }
				body.subscribe_template .contact-follow-title { font-size: 28px; line-height: 40px; }
			}
			@media screen and (min-width:768px) {
				body.subscribe_template .newsletter-description .newsletter-page-details address  a { font-size: 24px; line-height: 29px; }
				body.subscribe_template .newsletter-description .newsletter-page-details .newsletter-page-link { margin-top: 22px; }
				body.subscribe_template .newsletter-page-link a { font-size: 24px; line-height: 29px; }
				body.subscribe_template .tick-mark-box p { max-width: 55%; }
				body.subscribe_template .contact-follow-title { font-size: 48px; line-height: 58px; }
				body.subscribe_template .subscribe_page_wrap.contact-page-details { padding-left: 45px; }
				body.subscribe_template .contact-page-details .mail-list-right .left-arrow { top: 32px; }
			}
			@media screen and (min-width:992px) {
				body.subscribe_template .subscribe_page_wrap.contact-page-details { padding-left: 77px; }
			}
			@media screen and (min-width:1025px) {
				body.subscribe_template .tick-mark-box p { max-width: 550px; }
			}
			@media screen and (min-width:1250px) {
				body.subscribe_template .subscribe_page_wrap.contact-page-details { padding-left: 106px; }
				body.subscribe_template .contact-page-details .mail-list-details { max-width: 70%; }
			}
			@media screen and (max-width:1025px) {
				.awards-details-box.a-box-4 .awards-right .awards-desc .awards-data img , .awards-deatils-section .awards-details .a-box-2 .awards-data img {
					/* max-width: 80px; */
					/* width: 70px; */
				}
			}
			@media screen and (max-width:992px) {
				.desktop-primary-nav li:not(.kickoff-nav-item) { display: none; }
				.kickoff-nav-item { margin: 0 auto; }
				.footer-description .footer-details address .span_br {
				    display: block;
				}
				.footer-description .footer-details address {
					padding-right: 10px;
				}
				.about-body .about-page .about-details-section .about-company {
					display: flex;
					flex-wrap: wrap;
				}
				
			}
			@media screen and (max-width:767px) {
				body.subscribe_template .special-top { display: none; }
				body.subscribe_template .subscribe_page_wrap.contact-page-details { justify-content: center; }
				body.subscribe_template .newsletter-description { padding-top: 65px; padding-bottom: 0; }
				body.subscribe_template .subscribe_page_wrap.contact-page-details { padding-bottom: 86px; }
				body.subscribe_template .newsletter-description .newsletter-page-details .newsletter-page-link { margin-top: 20px; }
				.contact-wrap-master { border-top: 1px solid #fff; }
				.contact-wrap-master .footer-contact-detail {
				    max-width: 70%;
				    -webkit-box-flex: 0;
				        -ms-flex: 0 0 70%;
				            flex: 0 0 70%;
				            padding-right: 8px;
				}
				.contact-wrap-master .footer-right-contact {
				    -webkit-box-flex: 0;
				        -ms-flex: 0 0 30%;
				            flex: 0 0 30%;
				    max-width: 30%;
				}
				.footer-top-parts .footer-description .footer-details.footer_b_left {
				    width: 48%;
				}
				.footer-top-parts .footer-description .footer-details.footer_b_right {
				    width: 52%;
				}
				.awards-deatils-section .awards-details .awards-data img , .awards-deatils-section .awards-details .a-box-2 .awards-data img{
					margin-left: 0;
					text-align: left;
					margin-top: 6px;
				}
				.about-body .about-page .about-details-section .about-company {
					display: block;
				}
				.work-description .work-page-details img , .hover_effect #work-video {
					height: auto !important;
				}
				.awards-details-box.a-box-4 .awards-right .awards-desc .awards-data img , .awards-deatils-section .awards-details .a-box-2 .awards-data img {
					/* max-width: 70px; */
					/* width: 70px; */
				}
			}

			@media screen and (max-width:450px) {
				.footer-sub-details-4.master span, .footer-sub-details-4.master span a { font-size: 8px; line-height: 11px; }
			}


/* rl shop header right side popup design start on 10-3-2022 */
.grey-intro-slide .grey-intro-inner .grey-intro-heading {
    font-family: 'TTHoves-Regular';
    font-weight: 400;
    font-size: 28px;
    line-height: normal;
    margin-bottom: 30px;
}
.grey-intro-slide .grey-intro-inner p.grey-intro-text {
    font-size: 20px;
    line-height: normal;
    margin: 0 0 35px;
}
.grey-intro-slide .grey-intro-inner .grey-intro-links .grey-intro-link {
    padding: 0;
    border: 0;
    font-size: 16px;
}
.grey-intro-slide .grey-intro-inner .grey-intro-links {
    padding-top: 10px;
        justify-content: start;
    gap: 22px;
    flex-direction: column;
}
.grey-intro-slide .grey-intro-inner .grey-intro-links .grey-intro-link:hover {
    opacity:0.6;
}
.grey-intro-slide .grey-intro-inner {
        max-width: 1120px;
    margin: 0;
    padding: 0 10px;
}
@media (min-width: 768px){
	.header-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
	}
	.contact-section .header-navbar .navbar-logo {
		left: 20px !important;
	}
	.header-popup .header-container .header-right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
	}
	.header-popup .header-container .header-right .header-social-icon {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
	}
	.social-icon  {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
	}
	.header-navbar .site-right {
		padding-top: 10px;
	}
	.site-navbar .burger_box, .contact-section .burger_box {
		bottom: auto;
    	right: auto;
    	top:0;
	}
	.bcrl-header.nav-hide .header-navbar .navbar-logo {
		left: 45px;
		top: 20px;
		bottom: auto;
	}
	.navbar-logo a {
	    top:0;
	}
	.bcrl-header.nav-hide .site-right {
		right: 20px;
		top: 24px;
		bottom: auto;
	}
	.header-popup .header-container .header-right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 576px;
		-webkit-box-flex: 0;-ms-flex: 0 0 576px;flex: 0 0 576px;
		/* opacity: 0; */
		-o-transition: .6s ease-in;
		-moz-transition: .6s ease-in;
		transition: .6s ease-in;
		margin-left: auto;
	}
	.header-popup.show-popup .header-right {
		opacity: 1;
		padding-top: 23px;
	}
	.header-container {
		padding-left: 20px;
		padding-right: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.header-popup .header-container .header-left {
		padding-left: 0;
		padding-right: 0;
		max-width: calc(100% - 330px);
		flex: 0 0 calc(100% - 330px);
	}
	.header-popup .header-container .logo-tag {
		display: block;
	}

	.header-popup .header-container .header-right {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 330px;
		flex: 0 0 330px;
		opacity: 0;
		-o-transition: .6s ease-in;
		-moz-transition: .6s ease-in;
		transition: .6s ease-in;
	}
	.header-popup.show-popup .header-right {
		opacity: 1;
		padding-top: 23px;
	}
	.header-popup .header-container .header-left .logo-tag {
		margin-top: 0;
	}
	.header-popup .header-container .header-right .header-logo-right {
		display: block;
	}
	.header-popup .header-container .logo-tag {
		display: block;
	}
	.header-popup .header-container .header-right .header-navabr-right {
		padding-left: 20px;
		display: block;
		height: unset;
		overflow-y: hidden;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li {
		margin-bottom: 30px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li {
		margin-bottom: 20px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li a {
		font-size: 20px;
		line-height: 22px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul.navabar-bottom {
		padding-top: 42px;
		display: block;
	}
	.header-popup .header-container .header-right .header-social-icon {
		padding-bottom: 80px;
		padding-left: 20px;
		margin-top: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 22px;
	}
	.header-popup .header-container .header-right .header-social-icon .faq-header-link a {
		font-size: 23px;
		line-height: 25px;
	}
	.social-icon {
		padding-top: 0;
		margin-top: -3px;
	}
	.bcrl-header.nav-hide  .site-right {
		right: 20px;
		top: 21px;
		bottom: auto;
	}
	.bcrl-header.nav-hide .navabar-top ul li.mobile-shop {
		display: none;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li.show-mobile {
		display: none;
	}
	.bcrl-header.nav-hide .site-right {
		top: 24px;
	}
	.bcrl-header.nav-hide .bcrl-navbar .menu-icon.opened .menu-icon_box {
		bottom: auto;
		right: auto;
	}
	.social-icon li {
		padding: 0 11px;
	}
	.social-icon li a img {
		height: 31px;
	}
	.navbar-logo .logo-img svg {
		height: 54px !important;
		width: 143px !important;
		/* margin-left: -20px; */
	}
	.header-popup .header-left {
		padding-bottom: 75px;
	}
	/*.bcrl-header.nav-hide .site-logo .logo-img svg {*/
	/*	margin-top: 6px;*/
	/*}*/
	.bcrl-header .navabar-top ul li.mobile-shop {
		display: none;
	}
	.side-menu-bottom.studio-side-bottom {
		padding-right: 25px;
	}
	.mobile-kickoff-trigger {
		margin-right: 30px;
        margin-top: -13px;
	}
	.grey-intro-slide .grey-intro-inner .grey-intro-heading {
    font-size: 32px;
    margin-bottom: 30px;
}
.grey-intro-slide .grey-intro-inner p.grey-intro-text {
    font-size: 22px;
     margin-bottom: 20px;
}
.grey-intro-slide .grey-intro-inner {

    padding-left:45px;
}
}

@media (min-width: 992px){
	.bcrl-header.nav-hide .header-navbar .navbar-logo {
		left: 77px;
	}
	
	.header-popup .header-container .header-right {
		max-width: 400px;
		flex: 0 0 400px;
	}
	
	.location-time-pill,
	.cookie-consent-pill {
		max-width: 307px;
		width: 100%;
	}
	.header-popup .header-container .header-right .header-navabr-right {
		padding-left: 50px;
	}
	.header-popup .header-container .header-left {
		max-width: calc(100% - 400px);
		flex: 0 0 calc(100% - 400px);
	}
	.header-popup .header-container .header-right .header-social-icon {
		padding-left: 50px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li a {
		font-size: 23px;
    	line-height: 25px;
	}
	.header-popup .header-container .header-left ul li:last-child(3) {
		padding-left: 0;
	}
	.site-navbar .navabar-middle ul li:last-child {
		padding-left: 0 !important;
	}
	.side-menu-bottom.studio-side-bottom {
		padding-right: 45px;
	}
	.grey-intro-slide .grey-intro-inner .grey-intro-links .grey-intro-link {
    font-size: 20px;
}
.grey-intro-slide .grey-intro-inner .grey-intro-links {
    padding-top: 20px;
}
.grey-intro-slide .grey-intro-inner {

    padding-left:77px;
    padding-top: 40px;
}
}
@media (min-width: 1200px){
	.header-container {
		padding-left: 40px;
		padding-right: 38px;
	}
	.contact-section .site-padding { padding-left: 40px !important; padding-right: 8px !important; }
	.header-popup .header-container .header-right .header-navabr-right {
		padding-left: 93px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li {
		margin-bottom: 30px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li a {
		font-size: 26px;
		line-height: 28px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul.navabar-bottom {
		padding-top: 40px;
	}
	.header-popup .header-container .header-right .header-navabr-right ul li {
		margin-bottom: 30px;
	}
	.header-popup .header-container .header-right .header-social-icon {
		padding-bottom: 65px;
		padding-left: 93px;
	}
	.header-popup .header-container .header-right .header-social-icon .faq-header-link a {
		font-size: 26px;
		line-height: 28px;
	}
	.bcrl-header.nav-hide  .site-right {
		right: 38px;
	}
	.bcrl-header.nav-hide .header-navbar .navbar-logo {
		left: 106px;
	}
	.header-popup .header-container .header-right {
		max-width: 575px;
		flex: 0 0 575px;
	}
	.header-popup .header-container .header-left {
		max-width: calc(100% - 575px);
		flex: 0 0 calc(100% - 575px);
	}
	.contact-section .header-navbar .navbar-logo {
		left: 40px !important;
	}
	.navbar-logo .logo-img svg {
	height: 84px !important; width: 223px !important;
	}
	.header-popup .header-left {
		padding-bottom: 75px;
	}
	.side-menu-bottom.studio-side-bottom {
		padding-right: 113px;
	}
		.grey-intro-slide .grey-intro-inner .grey-intro-heading {
    font-size: 36px;
    margin-bottom: 38px;
}
.grey-intro-slide .grey-intro-inner p.grey-intro-text {
    font-size: 26px;
     margin-bottom: 30px;
}
.grey-intro-slide .grey-intro-inner {

    padding-left:106px;
}
}
@media (min-width: 1340px){
	.header-container {
		padding-left: 50px;
		padding-right: 50px;
	}
	.contact-section .site-padding { padding-left: 50px !important; padding-right: 8px !important; }
	.bcrl-header.nav-hide .site-right {
		right: 50px;
	}
	.bcrl-header.nav-hide .header-navbar .navbar-logo {
		left: 106px;
	}
	.contact-section .header-navbar .navbar-logo {
		left: 50px !important;
	}
}
@media (min-width: 1440px){
	.header-popup .header-container .header-right .header-navabr-right ul.navabar-bottom {
		padding-top: 62px;
	}
	.header-popup .header-container .header-right .header-social-icon {
		padding-bottom: 79px;
		padding-left: 93px;
	}
	.desktop-primary-nav li a, .desktop-primary-nav li a.kickoff-trigger, .desktop-primary-nav li a.kickoff-trigger, .home-navbar .desktop-primary-nav li a.kickoff-trigger {
		font-size: 22px;
        line-height: 30px;
	}
	.desktop-primary-nav li a.kickoff-trigger, .home-navbar .desktop-primary-nav li a.kickoff-trigger {
		padding: 2px 16px;
	}
	.contact-description {
		padding-top: 0;
		margin-top: -20px;
	}
	.header-popup .header-container .header-right .header-social-icon{
	    padding-right:70px;
	}
		.grey-intro-slide .grey-intro-inner .grey-intro-heading {
    font-size: 50px;
    margin-bottom: 50px;
}
.grey-intro-slide .grey-intro-inner p.grey-intro-text {
    font-size: 32px;
     margin-bottom: 35px;
}
.grey-intro-slide .grey-intro-inner .grey-intro-links {
    padding-top: 20px;
}
}
@media (min-width: 1600px){
	.header-container {
		padding-left: 106px;
		padding-right: 88px;
	}
	.contact-section .site-padding { padding-left: 106px !important; padding-right: 8px !important; }
	.bcrl-header.nav-hide .header-navbar .navbar-logo {
		left: 106px;
	}
	.bcrl-header.nav-hide .site-right {
		right: 88px;
	}
	.contact-section .header-navbar .navbar-logo {
		left: 106px !important; 
	}
	.site-navbar.menu-open .site-right .burger_box {
		right: 0;
	}
}

@media screen and (max-height: 720px){
	.header-popup .header-container .header-right .header-navabr-right {
		height: 37dvh;
		overflow-y: scroll;
	}
	
	.navabar-middle .navabar-top ul li:nth-child(3) a {
		padding-left: 0px;
	}
	.header-navbar .site-right {
		padding-top: 6px;
	}
	.bcrl-header.nav-hide .navabar-top ul li.mobile-shop a {
		padding-left: 0px !important;
	}
	.site-navbar .navabar-middle .navabar-top li a {
		font-size: 70px; line-height: 70px;
	}

	/*.bcrl-header.nav-hide .header-navbar .site-logo .logo-img svg {*/
	/*	margin-top: 12px;*/
	/*}*/
}
@media screen and (max-width: 767px){
    .footer-top-parts .footer-description .footer-details.footer-follow.footer_b_right {
    width: 100%;
}
.side-menu-bottom.studio-side-bottom #location-time-pill-side span {
            color: #fff;
}
.header-container {
	padding: 0;
}
.header-popup .header-left, .header-popup .header-right {
	padding: 31px 21px;
}
.header-popup .header-left .logo-tag {
	margin-top: 0;
	margin-bottom: 30px !important;
}
.side-menu-icon-mark img {
	height: 60px;
}
.header-popup .header-container .header-right .header-logo-right .header-logo a img {
	height: 60px !important;
}
.header-popup .header-left .logo-tag h6 , .header-popup .header-right .logo-tag h6{
	display: none;
}
.header-popup .header-left .navbar-contant li a, .header-popup .site-navbar .navabar-middle .navabar-top li a {
	font-size: 32px !important;
	line-height: 48px !important;
}
.location-time-pill {
	margin: 0;
	display: flex;
}
.header-popup .header-container .header-right .header-logo-right {
	padding-left: 0;
}
.location-time-pill, .cookie-consent-pill{ 
	font-size: 10px;
    line-height: 22px;
	padding: 4px 15px 2px;
	left: 10px;
	right: 10px;
	display: flex;
	margin: auto;
	bottom: 70px;

}
.header-popup .header-container .header-right .header-navabr-right ul#menu-shop-menu li:last-child {
	display: none;
}
.social-icon li a img , .header-popup .header-container .header-right .header-social-icon .social-icon li a img{
	height: 20px;
    width: 20px;
}
.social-icon li {
	padding-left: 0;
	padding-right: 6px;
}
.studio-social-icons , .header-popup .header-container .header-right .header-social-icon .social-icon{
	display: flex;
	gap: 0;
}
.header-popup .header-container .header-right .header-navabr-right {
	padding-left: 0;
	padding-right: 0;
	padding-top: 24px;
}
.header-popup .header-container .header-right .header-navabr-right ul li a {
	font-size: 12px;
	line-height: 26px;
	margin-bottom: 0;
}
.header-popup .header-container .header-right .header-navabr-right ul li {
	margin-bottom: 8px;
}
.header-popup .header-container .header-right .header-navabr-right {
	height: auto;
	overflow: unset;
}
.header-popup .header-container .header-right .header-navabr-right ul.navabar-bottom {
	display: block;
	margin-top: 20px;
}
.header-popup .header-container .header-right .header-social-icon {
	display: flex;
	margin-top: 20px;
}
.header-popup .header-container .header-right .header-social-icon .faq-header-link a {
	font-size: 12px;
	line-height: 27px;
}
.header-popup-close img {
	width: 35px;
    height: 35px;
	margin-top: 4px;
	filter: invert(1);
}
.header-popup-close {
	top: 30px;
    right: 20px;
}
.header-popup .header-container, .header-popup .header-left, .header-popup .header-right {
	min-width: 100%;
}
.header-popup .header-container {
	overflow: hidden;
	overflow-y: auto;
}
.CMS_page_section .CMS_page_data h2 {
	font-size: 22px;
	line-height: 30px;
}
.CMS_page_section {
	padding-bottom: 40px;
}
.CMS_page_data .entry-title {
	margin-top: 50px;
	margin-bottom: 30px;
}
.CMS_page_section .CMS_page_data h2 {
	margin: 20px 0 12px;
}
.contact-section .header-navbar .navbar-logo a.logo-img {
	position: relative;
	top: unset;
	margin-bottom: 30px !important;
}
.contact-section .navbar-logo .logo-img img {
	height: 60px;
}
.contact-section .header-navbar .navbar-logo {
	position: relative !important;
	top: 0 !important;
}
.site-navbar.menu-open .site-right .burger_box {
    position: absolute;
    top: 12px;
    right: 20px;
}
.kickoff-popup:before {
    display:none;
}
.kickoff-popup {
            width: 94%;
        margin: auto;
                left: 0;
        right: 0px !important;
}
}
html:not(.fp-enabled) .desktop-primary-nav li a.kickoff-trigger {
    background: #000;
    color: #fff;
}
html:not(.fp-enabled) .desktop-primary-nav li a.kickoff-trigger:hover {
    background: #fff;
    color: #000;
}

.kickoff-form-fields textarea {
    height: 44px;
    min-height: 44px;
    resize: none;
}
@media (min-width:1440px) {
	.site-navbar .navabar-middle .navabar-top li a { font-size: 100px; line-height: 110px; }
}

@media screen and (max-width: 370px){
.header-navbar .site-logo  .logo-img svg { float: left; height: 42px !important; width: 100px !important;}
.mobile-kickoff-trigger {
	font-size: 14px;
}
}

.CMS_page_section .site-padding {
	padding: 0 20px;
}
.work-filter-pill {
     transition: all 0.3s ease;
}
@media (min-width:1200px) {
.work-filter-pill:hover {
    background: #fff;
        transition: all 0.3s ease;
}
}
.work-filters-toggle, .work-filter-pill {
    color:#000;
}

.desktop-primary-nav li a.kickoff-trigger, .home-navbar .desktop-primary-nav li a.kickoff-trigger, .kickoff-form-fields input[type="submit"] {
        transition: all 0.3s ease;
}
.desktop-primary-nav li a.kickoff-trigger, .home-navbar .desktop-primary-nav li a.kickoff-trigger:hover {
    background: #fff;
    color: #000;
        transition: all 0.3s ease;
}
.kickoff-form-fields input[type="submit"]:hover {
     background: #000;
    color: #fff;
        transition: all 0.3s ease;
}

.grey-intro-slide .grey-intro-inner {
    text-align:left;
}

.kickoff-form-fields input[type="text"]:placeholder, .kickoff-form-fields input[type="email"]:placeholder, .kickoff-form-fields textarea:placeholder, .kickoff-form-fields input[type="text"], .kickoff-form-fields input[type="email"], .kickoff-form-fields textarea {
    font-family: 'TTHoves-Regular';
}
.kickoff-form-fields input[type="text"], .kickoff-form-fields input[type="email"], .kickoff-form-fields textarea {
   font-family: 'TTHoves-Regular';  
}