.body-overlay {background-color: rgba(255,255,255,.5) !important;box-shadow: none !important; display:none !important;}
.mobile-menu-visible .body-overlay {
    display: none;
}


/* Transition Animation css */

/* .tb_text_wrap {position: relative;margin-top: 0px;}
.tb_text_wrap h2 {animation: 10s slide-up; margin-top:0px;}

@keyframes slide-up {
  from {
    margin-top:0px;
  }

  to {
    margin-top: -50px;
  }
} */
/* End Transition Animation css */



@media only screen and (min-width: 320px) and (max-width: 479px) {
  #site-logo {margin-top:10px!important;}
  #site-logo a img {max-width:220px !important; }
  .paged .white_logo, .paged .blue_logo {display:none !important}
  /*.paged .root_sub_section .tb_ok37402{    margin-top: 10% !important;}*/
}

@media only screen and (width: 320px){
.tb_buta814 .liquid_content {width: 210px !important;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  #site-logo {margin-top:10px!important;}
  #site-logo a img {max-width:220px !important; }
}

@media only screen and (min-width: 320px) and (max-width: 375px) {
	.liquide_right .module-image.image-center .image-wrap {top: -377px !important;margin-top: 13px !important;right: -44px !important;}
	.liquid-inner-sec > .tb-column-inner,.liquid-inner-sec-one {margin-top: 15% !important;}
	.tb_buta814 .liquid_content {margin-top: 250px !important;}
	#liquid_video1 {width: 198% !important;height: auto !important;top: -375px;margin-left: -97% !important;}
	/** root section**/
	.root-inner-sec .module-text {margin: 60px 10% -100px 10% !important;}
	.root_video .bg__video {width: 131% !important;}
.liquide_right .module.eqtext.hide-mobile { width: 62%; top: 17px; right: 3px; }
.liquide_right .module.module-text.eqtext .tb_text_wrap {font-size: 10px; line-height: 12px; }
.liquide_right .module.module-text.eqtext .tb_text_wrap p {margin-bottom: 6px; }
.module.module-text.eqtext .tb_text_wrap:after {width: 15px; height: 15px; background-size: contain; background-repeat: no-repeat; }
}

@media only screen and (min-width: 376px) and (max-width: 480px) {
	.liquid-inner-sec > .tb-column-inner,.liquid-inner-sec-one {margin-top: 36% !important;}
	/** root section**/
	.root-inner-sec .module-text {margin:0 10% !important;}
	.root_video .bg__video {width: 122% !important;}
	
}

@media only screen and (min-width: 400px) and (max-width: 479px) {
	.tb_buta814 .liquid_content {margin-top: 20% !important;}
	#liquid_video1 {width: 198% !important;height: auto !important;top: -530px;margin-left: -97% !important;}
	.liquide_right .module-image.image-center .image-wrap {top: -475px !important;right: -30px !important;}



.liquide_right .module.eqtext.hide-mobile { width: 62%; top: -14%; right: 25px; }
.liquide_right .module.module-text.eqtext .tb_text_wrap {font-size: 10px; line-height: 12px; }
.liquide_right .module.module-text.eqtext .tb_text_wrap p {margin-bottom: 6px; }
.module.module-text.eqtext .tb_text_wrap:after {width: 15px; height: 15px; background-size: contain; background-repeat: no-repeat; }

	
}

@media only screen and (max-width:480px) {
	.paged.liquid_nw .white_logo #site-logo, .paged.roots_nw .blue_logo.logosec {display:none !important}
	.paged .white_logo, .paged .blue_logo {display:none!important}
	
	.module.module-text.text-722-sub_row_2-0-1-2-0.arrow-right.tb_2inp365, .root-inner-sec .arrow-right {display:none}
	.first_row div, .second_row div {border-bottom: 1px solid #1e3751 !important;width: 100% !important;display:block;min-height: 100px !important; border-right: 0 !important;}
	
	.tb_buta814 .tb_text_wrap .liquid_content {position: relative !important;width: 100% !important;}
	.liquid_content .first_row .first_row_right,.liquid_content .second_row .second_row_right {padding-left:0 !important;}
	.liquide_right .left-number-img img, .root-inner-sec .module-image .image-wrap img, .wp-image-268 {display:none !important}

	.paged .left-number-img img {display: none !important;} 

	
	/** root section**/
	.root-inner-sec .module-text {padding:30px;width:80%;}
	.root_video .bg__video {width: 122% !important;height: 250px !important;margin-top: -145px !important;
    margin-left: -30px;}
	.root-inner-sec-one {top: 48% !important;}
	.tb_8hx0838 .fullscreen-bg__video {height: 737px !important; object-fit: cover !important;}
	.fullscreen-bg.banner_sec .root_heading {margin-top: 15% !important;}
	.root_sub_section .white_logo { display:block !important}

}

@media only screen and (min-width:480px) and (max-width: 500px) {
	#liquid_video1 {width: 198% !important;height: auto !important;top: -570px;margin-left: -97% !important;}
	.tb_buta814 .liquid_content {margin-top:0% !important;}
	.liquide_right .module-image.image-center .image-wrap {top: -534px !important;}
/* 	.root-inner-sec .module-text {margin: 0 8% !important;} */
	.root-inner-sec-one {top:50% !important;}
	.tb_lkpd527 .root_video .bg__video {margin-left: -34px !important;width: 126% !important;}
	.liquide_right .module-image.image-center .image-wrap {top: -504px !important; right: -30px !important;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  #site-logo {margin-top:20px!important;}
  #site-logo a img {max-width:80% !important; width:100%; height:auto}
  #headerwrap #site-logo a img {max-width: 145px!important;}
  .mobile-menu-visible .body-overlay.body-overlay-on {
    display: none;
}
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
	.themify_builder_row.fp-table .module_column {margin-top: 0px !important;}
	.module-image .image-wrap img {margin-top:-50px!important}
}



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

    .mobile-menu-visible .body-overlay.body-overlay-on {
    display: none;
}

 #main-nav-wrap #fp-nav_dummy.right {margin-top: 0px !important;    margin-left: -24px;}
 .paged .menu-icon-inner {display:block}
  .sidemenu-on #fp-nav_dummy.right {display:block !important; transition: ease-in 0.5s;}
  .sidemenu-off #fp-nav_dummy.right {display:none !important}
 .third_p p {top: 160px;}
 .menu-icon-inner, .first_p p, .third_p p {display:none}
  .enter-sub-sec .image-top {right: -140px !important; left:auto;}
	#main-nav-wrap #fp-nav_dummy li a span {/*color:#132f4d !important; */color:#ffffff !important;}
	.mobile_menu_active .sidemenu {background-color: #132f4d; }
	#fp-nav_dummy li a span { text-align:left !important}
	#mobile-menu .white_logo_menu #site-logo {top:0px; position: absolute;max-width: 160px !important;}
	#mobile-menu .menu_copyright {    display: block !important;color: rgba(255, 255, 255, 0.50);position: absolute;bottom: 0;line-height: normal;}
	#mobile-menu .menu_logo_close, #mobile-menu .menu_cordinates {display:block !important}
	.header-icons #menu-icon {display:none}
	.paged .header-icons #menu-icon {display:block;transform: rotate(90deg);margin-top: 35px;margin-right: -15px; color: #132f4d;text-transform: uppercase;font-size: 12px; letter-spacing: 1.5px}
	#main-nav-wrap #fp-nav_dummy li a.active span {color:#03d0b5 !important; text-decoration:none !important; padding-left:40px; transition:ease-in-out 0.2s; }
	#main-nav-wrap #fp-nav_dummy li a.active span::before {content:"\27F6"; position:absolute; font-size:25px; left:24px;margin-top: -3px; }
	.sidemenu-on #fp-nav_dummy.right {float: left;text-align: left;}
	#mobile-menu #site-logo a img {max-width: 160px !important; margin-top: 12px;}
	#mobile-menu .menu_cordinates {transform: rotate(-90deg);position: absolute;margin-right: -99px;max-width: 250px;width: 100%;right: 0;bottom: 140px;}
	#mobile-menu .menu_cordinate .cpysec {font-size: 10px !important;}
	#mobile-menu #fp-nav_dummy li a span {line-height: 38px;font-size: 25px;font-weight: 100;}
	#mobile-menu a#menu-icon-close svg { height: 30px;width: 35px;}

	
	.liquid_nw .header-icons #menu-icon {color: #fff !important;}
	.roots_nw .header-icons #menu-icon {color: #132f4d !important;}
	.drinks_nw .header-icons #menu-icon {color: #fff !important;}
	.foundation_nw .header-icons #menu-icon {color: #fff !important;}	
	.enjoy_nw .header-icons #menu-icon {color: #fff !important;}
	.buy_nw .header-icons #menu-icon {color: #fff !important;}
	.contact_nw .header-icons #menu-icon {color: #fff !important;}



	.liquid_nw  #main-nav-wrap #fp-nav_dummy li a.active span,
	.roots_nw #main-nav-wrap #fp-nav_dummy li a.active span,
	.drinks_nw #main-nav-wrap #fp-nav_dummy li a.active span,
	.foundation_nw #main-nav-wrap #fp-nav_dummy li a.active span,
	.buy_nw #main-nav-wrap #fp-nav_dummy li a.active span,
	.enjoy_nw #main-nav-wrap #fp-nav_dummy li a.active span,
	.contact_nw #main-nav-wrap #fp-nav_dummy li a.active span{color: #03d0b5 !important;}
	
}

@media only screen and (max-width: 768px) { 
.mobile_menu_active .sidemenu-on {
    background-color: transparent;
    width: auto !important;
    top: auot !important;
}

.paged.liquid_nw .header-icons #menu-icon {color: #fff !important;}
.paged.roots_nw .header-icons #menu-icon {color: #132f4d !important;}
.paged.drinks_nw .header-icons #menu-icon {color: #fff !important;}
.paged.drinks_nw.drnk_sub_section .header-icons #menu-icon {color: #132f4d !important;}
.paged.foundation_nw .header-icons #menu-icon {color: #fff !important;}	
.paged.enjoy_nw .header-icons #menu-icon {color: #fff !important;}
.paged.buy_nw .header-icons #menu-icon {color: #fff !important;}
.paged.contact_nw .header-icons #menu-icon {color: #fff !important;}



.paged.liquid_nw  #main-nav-wrap #fp-nav_dummy li a.active span,
.paged.roots_nw #main-nav-wrap #fp-nav_dummy li a.active span,
.paged.drinks_nw #main-nav-wrap #fp-nav_dummy li a.active span,
.paged.foundation_nw #main-nav-wrap #fp-nav_dummy li a.active span,
.paged.buy_nw #main-nav-wrap #fp-nav_dummy li a.active span,
.paged.enjoy_nw #main-nav-wrap #fp-nav_dummy li a.active span,
.paged.contact_nw #main-nav-wrap #fp-nav_dummy li a.active span{color: #03d0b5 !important;}
    
}
@media only screen and  (min-width: 768px) and (max-width: 1024px){
	.mobile_menu_active .header-icons {display:none}
}
@media only screen and (max-width: 1024px) { 
	#headerwrap .header-icons>*, .menu-icon-inner {display: none;}
}

@media only screen and (min-width: 1025px) { 
 .paged #fp-nav_dummy.right {margin-top: 25px !important;}	
	
} 

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #site-logo {margin-top:4%!important;}
  #site-logo a img {max-width:90% !important; width:100%; height:auto}
}

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



.liquide_right .module.eqtext.hide-mobile {
    top: 15px;
    right: -4px;
}

.liquide_right .module.module-text.eqtext .tb_text_wrap {
    font-size: 8px;
    line-height: 12px;
}
.search_location {
    top: 175px !important;
}
}