@import "../variables.less";
@import "../functions.less";
@import "variables.less";



/*GENERAL*/

body, html  { width: 100%; margin: 0;padding: 0; }
body		{ font-size: @BasicFontSize;color: @main_color;font-family: Arial;direction: rtl;	-webkit-font-smoothing: subpixel-antialiased !important;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden; }
p           { margin:0px; }
h1, h2      { margin:0px; }

.container {width: 100%;}
.scn-reader-only { width: 1px;height: 1px;overflow: hidden;position: absolute; }

@media(max-width:991px) {
	body { font-size: 16px;	}
}
@media(max-width:767px) {
    body { font-size: @MobileFontSize; }
}

a           { color:inherit; }
a:hover     { text-decoration:none; }
/*a:focus     { text-decoration:none; outline:none; }*/

.no-pad     { padding: 0;}


.max-width  { max-width:@MaxWidth; margin:auto; float:none;}
.no-float   { float:none;}

#header2								{ background:url(/warehouse/temp/kaspi/Header.png);padding:15px;position:fixed; }
#header2.bg								{ background:url(/warehouse/temp/kaspi/Header.png); }

#header2 .header-right-section			{ direction: rtl; }
#header2 .max-width						{ max-width: 100%; }
#header2 #header-left					{ text-align: right; }
#header2 .header-top					{ position: absolute;left: 0;right: auto;width: auto;top: 50%; .translateYAllBrowsers(-50%); }
#header2 ul.menu li						{ color : inherit; }
#header2								{ color: inherit; }
#header2 ul.menu						{ text-align: center; }
#header2 .header-top-left svg			{ fill: @main_color2; }

#header2 #header-left img				{ height: 51px;	width: auto; }
#header2 ul.menu>li:before				{ display:none; }
#header2 ul.menu li.last-item:after		{ display:none; }

#header2 ul.menu li.active				{ color:@main_color; }
#header2 ul.menu li:hover,#header2 ul.menu li:focus				{ color:@main_color; }
/*#header2 ul.menu li a:before			{ content: "";border-top: 2px solid transparent;display: block;.transition(all, 250ms) }
#header2 ul.menu li a:after				{ content: "";border-bottom: 2px solid transparent;	display: block;.transition(all, 250ms)  }*/

/*#header2 ul.menu li:hover a:before  {content:" "; display: block; position: absolute;  top: -7px; background: url('/warehouse/temp/kaspi/menu-line.svg'); 
    background-repeat: no-repeat; background-size: 100%; width: 100%; height: 100%; transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms;}
#header2 ul.menu li:hover a:after { content: " "; display: block; position: absolute; background: url('/warehouse/temp/kaspi/menu-line.svg'); 
    background-repeat: no-repeat; background-size: 100%; width: 100%; height: 100%; transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms;}*/

#header2 ul.menu li a {position: relative;}
#header2 ul.menu li a:focus {
    border: 0;
    opacity: 1;
}


@media(min-width:1025px) {
	#header2 .header-right-section { width: 100%; }
	#header2 .menu-nav						{ width: calc(100% + 70px);font-size:123%; }
	#header2 #header-left					{ position: absolute;right: 30px;top: 50%;.translateYAllBrowsers(-50%);height: auto; }
	#header2 #header-container				{ direction: ltr; }
	#header2 ul.menu li:after				{ content: "";background-image: url('/warehouse/temp/kaspi/menu_dots.png');	width: 9px;	height: 9px;background-size: cover;	position: absolute;	top: 50%;.translateYAllBrowsers(-50%);left: -25px; }
/*#header2 ul.menu li.active a:before,#header2 ul.menu li:hover a:before,#header2 ul.menu li:focus a:before		{ border-top-color: @main_color2; }
#header2 ul.menu li.active a:after,#header2 ul.menu li:hover a:after,#header2 ul.menu li:focus a:after		{ border-bottom-color: @main_color2; }*/
}




#home-gallery ol.flex-control-nav.flex-control-paging			{ bottom:10%; }
#home-gallery .flex-control-paging li a	{ background: @headerBg; }
#home-gallery .flex-control-paging li a.flex-active { background: @main_color3; }
#home-gallery .gallery-logo				{ width:50%; }

@media(max-width:1024px) {
	#header2 .header-right-section { width: 20%; }
	#header2 .max-width { width: 100%;	}
	#header2 ul.menu .social-links a {	display: inline-block; }
	#header2 ul.menu { color: @main_color2;font-size: 200%;	}
    #header2 ul.menu li>a {position: relative;}
	#header2 ul.menu li:not(.social-mobile) a:after {content: "";width: 170px;display: block; position:absolute; right: 50%; transform: translateX(50%);margin-top: 0; 
    background-image: url(/warehouse/temp/kaspi/line.png);background-size: cover;background-position-x: right;height: 4px;margin-right: auto;margin-left: auto; }
	.header-right-section {	/*background: url('/warehouse/temp/kaspi/menuBgMobile.jpg');*/ background:transparent;	}
	#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before {
		height: 3px;
	}
	#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before {
		background: @main_color; }
	#header2 ul.menu {	background: url('/warehouse/temp/kaspi/menuBgMobile.jpg');	}
	#header2.open .header-right-section.pull-right { background: transparent; }
	#header2 ul.menu li.social-mobile a				{ background: url('/warehouse/temp/kaspi/menu_dots.png');background-size: cover;background-repeat: no-repeat;width: 44px;height: 44px;border-radius: 50%; margin-left: 5px;}
    #header2 ul.menu li.social-mobile a:last-child  {margin-left: 0;} 	
	#header2 ul.menu .social-links a svg			{	vertical-align: top;	margin-top:5px; }
	#header2 ul.menu								{ position: fixed;	width: 100%;height: 100vh; padding-top: 20vh;	}
	#header2 ul.menu li								{ padding: 10px; }
	#header2 ul.menu li.social-mobile				{	margin-top: 15px; }
	#header2 ul.menu li.active						{ background: transparent; }
}

@media(max-width:991px) {
	#home-gallery .gallery-logo { width:85%; }
	#header2 ul.menu .social-links a svg		{ margin-top: 4px;	}
	#header2 ul.menu			{ font-size: 250%;	}
}
@media(max-width:767px) {
	#header2 ul.menu			{ font-size: 150%;	}
}



.section-title h1, .section-title h2,.grid-rows .grid-row-text h2,#headline	{ font-size: 360%; color: @main_color2; display: inline-block; }
.section-title h1:before, .section-title h2:before,.grid-rows .grid-row-text h2:before,.top-caption:before,#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:before { content: "*";position: absolute;right: -35px;top: -25px; font-size: 90%; }
.grid-rows .grid-row-text h3			{ color: @main_color2;font-size:165%; }
.section								{ padding: 100px 0px; }
.grid-text,.grid-rows .grid-row-text p,.grid-text .grid-text-content	{ max-width: 850px; margin: auto; line-height: 1.59; font-size: 122%; }
.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button {
	background: @ButtonBG;
	background-size: cover;
	min-width: 230px;
	margin-top: 30px;
	background-position: right;
    background-repeat: no-repeat;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.grid-rows .grid-row-text a.grid-row-button:hover { background-color: transparent;color: #ffffff;background-image: url(/warehouse/temp/kaspi/button.svg);background-size: cover;background-position: right;-webkit-transform: translateY(-8px);	transform: translateY(-8px); }
.grid-rows .grid-row-text a.grid-row-button				{ color: @ButtonColor;padding: 10px 50px;text-align: center;border-radius: 5px;display: inline-block;border: 0; }
.grid-rows .grid-row:nth-child(odd)						{ direction: ltr !important; background-image: @greyBG; background-size: cover; background-repeat: no-repeat; background-position: center top; padding-top: 90px; }
.grid-rows .grid-row:nth-child(even)					{ direction: rtl !important;padding-top:90px; }
.grid-rows .grid-row-text h3:after,section.happy .section-title h2:after,#headline h1:after,#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after			{ content: ""; width: 120px;display: block;margin-top: 25px;background-image: url(/warehouse/temp/kaspi/line.png); background-size: cover; background-position-x: right; height: 6px; }
.grid-text p											{ margin-top: 10px; }
section.section.grid-gallery-section.happy				{ background-image: url('/warehouse/temp/kaspi/Bg.jpg');background-size: cover;background-repeat: no-repeat;background-position: center top;padding-top: 110px;margin-bottom:0;padding-bottom:50px; }
section.happy .section-title h2:after,#headline h1:after					{ margin-right: auto;margin-left: auto; }
.section-title											{ margin-bottom: 50px; }
.gallery-cubes, .gallery-cubes > div, .grid-gallery-section { padding: 12.5px; }
.gallery-cubes h4                                           { display: none; }
section.franchise											{ background-image: url('/warehouse/temp/kaspi/franchiseBG.jpg');background-size: cover;background-position: center center; padding: 150px 0px; margin-bottom: 0; }
.franchise .section-title h2								{ background: url('/warehouse/temp/kaspi/whiteStrip.png');background-size: cover;min-width: 230px;margin-top: 0;background-position: right;padding: 10px 40px; margin-bottom: 35px; }
.franchise .grid-text .grid-text-content					{ color: @headerBg;font-size: 110%; }
.franchise .grid-text .sec-button							{ margin-top: 50px; }
.franchise .section-title h2:before							{ display: none; }

section.menus												{ padding-top: 0;margin-bottom:0; }


#text1, #text2												{ max-width:850px;font-family:@FontFamilyText; }
#GridPage													{ padding-top: 80px; }
#subheadline h2												{ font-size: 122%;max-width: 850px;margin-right: auto;margin-left: auto;line-height: 1.59;margin-top: 15px; }
#headline													{ display:block; }
#headline h1:after											{ margin-top: 15px; }
#videoContainer iframe										{ width: 100%;height: 450px;margin-top: 50px; }

.menuModuleContentPart										{ border: solid 2px @main_color2; }
.menuModuleContentPart:after								{ display: none; }
.menuModuleTextItemDescription								{ font-family:@FontFamilyText;color:@main_color;font-size:80%;text-align:right;}
.menuModuleTextItemTitle									{ color:@main_color; }
/*.menuModuleTextItemTitle:after								{ content: "/";display: inline-block;margin-right: 3px; }*/
.menuModuleTextItemPart:after								{ border-bottom: 2px solid @SnifBorderColor; }
.menuModuleTextItemPart										{ padding-bottom: 10px; }
.menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even):after, .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even):after { right: 20px; }
#MenuModule .menuModuleNav									{ background: @ButtonColor;display: inline-block;z-index: 1;position: relative;	margin-top: 0px; padding-right: 10px; padding-left: 10px;background-size: cover;background-position: right;background-repeat:no-repeat; }
#MenuModule .menuModuleNav a								{ font-size: 100%;border-radius: 0; color:@ButtonColor; background: @ButtonBG; background-size: cover; margin-top: 30px; background-position: right; padding: 10px 15px;background-repeat:no-repeat;/*.transition(all, 250ms);*/ }
#MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus { background-image: url(/warehouse/temp/kaspi/redButton.svg); }
#MenuModule													{ text-align: center; }
.menuModuleContent											{ margin-top: -55px; }
.menuModuleTextItemSubjectTitle								{ color:@main_color2; }
#MenuModule .menuModuleNav a.selected						{ color:#ffffff;background: url(/warehouse/temp/kaspi/redButton.svg);background-size: cover;background-position: right; background-repeat: no-repeat;}

#DynamicFormObject,.normal-form											{ color:@main_color;border:0; }
#DynamicFormObject:after,.normal-form:after									{ display: none; }
.normal-form input,.normal-form textarea											{ border-radius: 3px; border: solid 2px @FormBorderColor;height: 42px;font-size: 90%; font-family: @FontFamilyText; }
.normal-form textarea					{ height:120px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%;margin-bottom:30px; }
#DynamicFormObject input[type=submit], .normal-form input[type=submit] { background: url('/warehouse/temp/kaspi/button-BLUE.png');background-size: cover;background-position: right;width: 100%;background-repeat:no-repeat;border:0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields		{ width: 80%; display: inline-block; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText  { display: inline-block; width: 100%; }

.form-container-wide #DynamicFormObject .dynamicFormEndText				{ display: none; }
.form-container-wide #DynamicFormObject,.normal-form									{ display: block; background: @greyBG; }

#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after		 { margin-right: auto;	margin-left: auto;	margin-bottom: 20px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle			     { font-size: 165%;color: @main_color2;display: inline-block;position:relative; }

#contactform							{ background: transparent;padding-top: 0; }
#GridPage .max-width-center#contactview { background: @greyBG;	padding-top: 60px;	margin-bottom: 60px; }
#contact-boxes,#contactDetails .contactDetailsText1 { display: none; }


.grid-row li.slider-item							  { padding-bottom: 85%; }

#lobbyview .grid-boxes .grid-box-image, #LobbyModule .grid-boxes .grid-box-image				  { padding-bottom: 62%;max-width: 60%; margin: auto;margin-bottom:20px; }
#lobbyview .grid-boxes,#LobbyModule .grid-boxes								  { max-width: 1440px; margin-top: 25px; }
#lobbyview .grid-box,#LobbyModule .grid-box								  { padding-right: 45px; padding-left: 45px; }
#lobbyview .grid-boxes .box-image-animation:hover img,#LobbyModule .grid-boxes .box-image-animation:hover img { .scale(1); }
#lobbyview .grid-boxes .grid-box-fulltext,#LobbyModule .grid-boxes .grid-box-fulltext { font-size: 90%; }
#lobbyview .grid-boxes .grid-box-title h3,#LobbyModule .grid-boxes .grid-box-title h3 { font-size: 110%; margin-bottom: 5px;    display: inline-block;/*max-width: 90%;*/  margin-right: auto;  margin-left: auto; }
#lobbyText p							  { max-width: @MaxWidthText; margin-right: auto; margin-left: auto; }
#videoContainer								{ max-width: @MaxWidthText;margin-right: auto; margin-left: auto; }
#lobbyview .lobby-video iframe						  {	width: 100%;height: 475px; }
#lobbyview .lobby-video								  {	max-width: @MaxWidthText;margin-right: auto;margin-left: auto; }
#lobbyText											  { max-width: @MaxWidthText;font-family:@FontFamilyText; }

@media(max-width:767px){
	#lobbyview .lobby-video iframe  { height: 180px; }
}

section.food .grid-text									{ font-size: 100%;position:relative; }
section.food:after										{ content: ""; background-image: url(/warehouse/temp/kaspi/fram-top.png); position: absolute; top: -19px; right: -19px; width: 100px; height: 100px; background-size: cover; }
section.food											{ position: relative; margin-top: 100px;padding-top: 120px;padding-bottom: 150px;max-width: @MaxWidth; margin-right: auto; margin-left: auto;border: 2px solid #05547E; }
section.food .grid-text:after							{ content: "";background-image: url('/warehouse/temp/kaspi/stamp.png');display: block;width: 230px;height: 230px;background-size: cover;position: absolute;/*right: calc((100% - 850px)/2 - 250px);*/right: -250px;bottom: -200px;z-index: 1; }
section.food:before										{ content: "";background-image: url('/warehouse/temp/kaspi/sidestamp.png');	position: absolute;	left: -28px;width: 18px;height: 101px;background-size: cover;top: 20px;background-position: center center;display: block;/* z-index: 5; */ }
section.food .grid-text:before							{ content: "";background-image: url(/warehouse/temp/kaspi/frame-bottom.png);display: block; width: 100px;height: 100px;	background-size: cover;	position: absolute;	left: -178px;bottom: -170px;z-index: 1; }


/*@media(max-width:1400px) {	
	section.food:after				{ background-position: 50% 45%;	background-size: contain; }
	section.food .grid-text:after   { right: -100px;bottom: -100px; width: 180px;height: 180px;	}
	section.food					{ padding-top: 70px;padding-bottom: 90px; }
}*/
@media(max-width:1440px) {
	section.food					{ max-width: 900px;margin-right: auto;margin-left: auto; }
	section.food .grid-text:before  { left: -43px;bottom: -110px; }
	section.food:after				{ background-position: 50% 45%;	background-size: contain; }
	section.food .grid-text:after   { right: -100px;bottom: -100px; width: 180px;height: 180px;	}
	section.food					{ padding-top: 70px;padding-bottom: 90px; }
}

@media(max-width:991px) {
	section.food				{ max-width: 650px;	}
	section.food .grid-text:after { right: -60px;bottom: -130px; }
	section.food .grid-text:before { left: -20px; }
	.franchise .grid-text .grid-text-content	{ max-width:65%; }
	.menuModuleContent							{ margin-top: 0; }
	#MenuModule .menuModuleNav a				{ margin-top: 10px;	}
	.menuModuleTextItemSubjectTitle				{ font-size: 160%; }
}

@media(max-width:767px) {
	section.food				{ max-width:300px;padding-top: 45px;padding-bottom: 90px;	}
	section.food .grid-text:after { right: -50px;bottom: -130px;width: 130px;height: 130px; }
	section.food .grid-text:before { left: -20px; }
	section.food	{ margin-top:60px; }
	.franchise .grid-text .grid-text-content	{ max-width:100%; }
	.menuModuleContentPart { border: 0;padding-top: 5px; }
	.menuModuleTextItem0 .menuModuleTextItemPart:nth-child(even):after, .menuModuleTextItem1 .menuModuleTextItemPart:nth-child(even):after { right: 0; }
}

@media(max-width:320px) {
	section.food					{ max-width:270px;padding-top: 45px;padding-bottom: 90px;	}
	section.food .grid-text:after	{ right: -10px;bottom: -150px; }
	section.food:before				{ left: -24px; }
	.grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button { min-width:0; }
}

.franchise .grid-text .sec-button				{ background: url(/warehouse/temp/kaspi/redButton.svg); background-size: cover;  background-position: right; }


.gallery-cubes .image-link-inner				{ border: 3px solid #ffffff;background: transparent;color: #ffffff; }

.branches .grid-box-image													{ background-image: url(/warehouse/temp/kaspi/rowBg.png);background-color: transparent;	background-size: cover;	.transition(all, 450ms); }
.branches .grid-box-image img                                               {display:none !important;}
/*.branches .grid-boxes .grid-box-image:hover		{ background-image: url(/warehouse/temp/lehemErez/Snifim_bg_hover.png); }*/
.branches .grid-boxes .box-image-animation:hover .grid-box-image-text {
    color: #ffffff;
}
.branches .grid-boxes .grid-box-title										{	width:100%; }
.branches .sections .grid-content-section .section-animation-item			{	opacity: 1;	margin-top: 0; }
.branches .grid-boxes .grid-box-title										 { color: inherit;z-index: 2; }
.branches #lobbyview .grid-box,.branches #LobbyModule .grid-box							{ width: 25%; }
.branches #lobbyview .grid-boxes .grid-box-image,.branches #LobbyModule .grid-boxes .grid-box-image		{ max-width: 100%;	padding-bottom: 100%; }
.branches .grid-boxes .grid-box-title h3 a				{ color: inherit;display:inline-block; }

.branches .grid-boxes .grid-box-title h3 a:before		{ content: "";border-top: 2px solid transparent;position: absolute;.transition(all, 250ms);width: 100%;right: 0;height: 2px;top: -10px; }
.branches .grid-boxes .grid-box-title h3 a:after		{ content: "";border-bottom: 2px solid transparent;position: absolute;.transition(all, 250ms);width: 100%;height: 2px;right: 0;	bottom: -10px; }
.branches .grid-boxes .grid-box-title h3 a				{ position: relative; }
.branches .grid-boxes .grid-box-title h3 a:hover:after,.branches .grid-boxes .grid-box-title h3 a:focus:after  { border-color: @main_color; }
.branches .grid-boxes .grid-box-title h3 a:hover:before,.branches .grid-boxes .grid-box-title h3 a:focus:before { border-color: @main_color; }

.franchise .grid-text .sec-button						{ color: #ffffff; }
.franchisePage #lobbyview .grid-boxes,.franchisePage #LobbyModule .grid-boxes									{ max-width: 980px; }
.franchisePage #lobbyview .lobby-video					{ display: none; margin-top:50px; }

footer														{ padding-top: 0; }
#SiteFooter .site-credit.alternative svg					{ fill: #ffffff; }
#SiteFooter #partners-section								{ background: url('/warehouse/temp/kaspi/footerBG.png');background-size: cover;background-repeat: no-repeat;direction: ltr; padding: 20px; margin-top: -14px;padding-top: 25px;  z-index: 1; }
#SiteFooter .kaspiLogo										{ display: inline-block;vertical-align: middle;	width: 22%;	text-align: left; }
#SiteFooter .groupLogo										{ display: inline-block;vertical-align: middle;	width: 50%; }
#SiteFooter .socialsFooter { width: 80px; position: absolute; right: 0; top: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
#SiteFooter .socialsFooter a { margin: 0 12px; vertical-align: middle; padding: 0;}
#SiteFooter #partners-section > p img { max-width: 200px;}
#SiteFooter .kaspiLogo img									{ max-width: 99px; }
#SiteFooter .groupLogo img									{ max-width: 142px; }
#SiteFooter .socialsFooter img								{ max-width: 20px; }
#SiteFooter .socialsFooter a:first-child img				{ max-width: 12px; }
#SiteFooter .site-credit.alternative						{ background:#021017; }

#contactform						{ margin-bottom: 20px; }
#DynamicFormObject input[type=submit]:hover,#DynamicFormObject input[type=submit]:focus, .normal-form input[type=submit]:hover,.normal-form input[type=submit]:focus { background: url(/warehouse/temp/kaspi/button-RED.png);	background-size: cover;background-position: right;width: 100%;background-repeat: no-repeat;color: #ffffff;border:0; }
/*#DynamicFormObject input[type=submit]:hover, .normal-form input[type=submit]:hover { background: url(/warehouse/temp/kaspi/button-RED.png);	background-size: cover;background-position: right;width: 100%;background-repeat: no-repeat;color: #ffffff; }*/

.grid-boxes .grid-box-title h3 a    { color: inherit; }

/***SNIF***/
    .snif #GridPage .max-width,.snif #GridPage .max-width-center { max-width: 100%; }
    #SnifView               { margin-top: 60px; }
    #SnifView .topDetails    { max-width: 1040px;margin-right: auto;margin-left: auto; }
    #SnifBlockRight         { width: 70%; text-align: right; }
    #SnifBlockLeft          { width: 30%;text-align: right; }
    #SnifView #headline     { text-align: right;font-size: 220%; }
	#SnifView #headline h1:after		{ margin-right: 0; }
    #SnifView #text1, #SnifView #text2  { text-align: right; max-width:100%;font-size: 100%;margin-top: 10px; }
    #SnifView #text1 h2, #SnifView #text2 h2  { font-size:inherit;margin-bottom: 5px; }
    #SnifView #text1 p                  { /*line-height: 1.3;*/ }
    .DetailsRightSideIcon svg           { width: 25px;display: inline-block;vertical-align: middle; }
    .DetailsRightSide p                 { position: relative;display: inline-block;vertical-align: middle;right: 15px; font-size: 105%; }
    .DetailsRightSideIcon               { display: inline-block; vertical-align: middle; }
    .DetailsRightSide                   { float: none;display: inline-block;vertical-align: middle;width: 82%; }
    .DetailsLeftSide                    { display: inline-block;vertical-align: middle;width: 15%;text-align:left; }
    #SnifBlockLeft > div                { width: 100%;display: block;float: right;padding: 15px 0px;border-top: 3px solid @SnifBorderColor; }
    #SnifBlockLeft > div:last-child     { border-bottom: 3px solid @SnifBorderColor;  }
    .DetailsLeftSide img                { width: 22px;height: 22px; display: inline-block; }
    #SnifView .address,#SnifView .phone         { font-size: 100%; font-family: @FontFamilyText; }
	.kosher span								{ background: @ButtonBG;background-size: contain;margin-top: 20px;background-position: right;color:@ButtonColor;padding: 10px 20px;white-space: nowrap;width: auto;background-repeat: no-repeat;display: inline-block;margin-bottom: 20px;font-family:@FontFamilyText; }
    .snif .mapSection                         { width: 100%;float: right;margin-top: 100px;position:relative; }
    .snif .mapSection iframe                  { width: 100%;display:block; }  
    .snif .opacityLayer                       { position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6); }
	.snif button.mapBtn							{ background:transparent; background-size: cover;min-width: 230px;margin-top: 0;background-position: right;	padding: 10px 40px;	   border: 0; margin-bottom: 35px;background-image: url(/warehouse/temp/kaspi/whiteStrip.png);background-size: cover;	min-width: 230px;margin-top: 0;	background-position: right;	padding: 10px 40px;	margin-bottom: 35px;z-index: 12;.translateAbsoluteCenter();color:@main_color2;font-size: 122%; }
    .snif footer                              { padding: 0; }
    .phone a:last-child:not(:first-child)     { display: inline-block; margin-right: -4px; }
    .wazeIcon                             { display:none; }
    .wazeIcon path                        { fill: #221f1f; }
    .wazeIcon path:first-child            { fill: transparent; }
    .DetailsRightSideIcon path                { fill-rule: evenodd;clip-rule: evenodd; fill: #041b27; }
    .snif button.mapBtn:focus                   { text-decoration: underline; }

	 @media (max-width:1024px) and (min-width:991px) {
		#MenuModule .menuModuleNav a { margin-left: 3px;margin-right: 3px; }
	 }
    @media (max-width:991px){
        #SnifBlockLeft                              { width: 100%; margin-top: 30px; }
        #SnifBlockRight                             { width: 100%; }
        #SnifView .topDetails                       { max-width: 90%; }
        .snif #GridPage .max-width                  { width: 100%; }
        #SnifView                                   { margin-top: 20px; }
        #GridPage                                   { padding-top: 50px; }
		.grid-rows .grid-row						{ padding: 50px 0px; }
		section.menus								{ padding: 0;margin-bottom: 20px; }
		section.franchise							{ padding: 90px 0px; }
		.top-caption								{ min-width:0;white-space:nowrap; }
		.section-title h1:before, .section-title h2:before, .grid-rows .grid-row-text h2:before, .top-caption:before, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:before {
			right: -25px;top: -20px; }
		.top-caption { font-size: 340%; }
		#contactform .contact-container .col-xs-12.col-md-4.col-sm-6 { width: 100%;	}
		#MenuModule .menuModuleNav a			{ padding: 10px 35px;	}
		.branches #lobbyview .grid-box,.branches #LobbyModule .grid-box			{ width: 33.3%;	}
		.franchisePage #lobbyview .grid-boxes .grid-box-fulltext,.franchisePage #LobbyModule .grid-boxes .grid-box-fulltext { font-size: 83%;	}

    }
    
    @media (max-width:767px){
        #SiteFooter .socialsFooter a {margin: 0 7px;}
        #SiteFooter #partners-section > p img { max-width: 150px; }

		.grid-rows .grid-row-text h2	{ position:relative; }
          .snif .mapSection iframe                  { height: 300px; }
          .snif .mapSection                         { margin-top:60px; }
          .wazeIcon                             { width: 30px;display: inline-block;vertical-align: middle;margin-right: 10px; }
          .fullscreenMenuOpen #header .social-links a { min-height: 40px; }
          #header .social-links a svg { vertical-align: -webkit-baseline-middle; }
		#header2 .header-right-section	{ width:16%; }
		.section-title h1:before, .section-title h2:before, .grid-rows .grid-row-text h2:before, .top-caption:before, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:before {
			right: -10px; top: -15px;	}
		.section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #headline { font-size:220%; }
		.top-caption { font-size: 360%;width:auto;top:63%;	}
		#videoContainer iframe	{ height:200px; }
		.grid-rows .grid-row-text { text-align: center;	}
		.grid-rows .grid-row-text h3:after { margin-right: auto;margin-left: auto;	}
		.grid-rows .grid-row-text h2:before { right: -15px;top: -10px;	}
		section.section.grid-gallery-section.happy { padding-top: 60px; }
		.section-title { margin-bottom: 25px;	}
		.grid-rows .grid-row-text h3:after, section.happy .section-title h2:after, #headline h1:after, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after	{ margin-top:15px; }
		.franchise .section-title h2			{ margin-bottom: 0px; }
		.franchise .grid-text-section .section-title {	margin-bottom: 30px; }
		.franchise .grid-text .sec-button { margin-top: 20px; }
		.grid-gallery-section				{ padding: 0; }
		#SiteFooter .kaspiLogo img			{ max-width: 59px; }
		#SiteFooter .groupLogo img			{ max-width: 110px;	}
		#SiteFooter #partners-section		{ padding: 20px 10px; }
		#SiteFooter .site-credit.alternative { padding-top: 15px;}
		#SiteFooter { padding-bottom: 0; }
		#MenuModule .menuModuleNav a			{ padding: 10px;margin-bottom: 15px;margin-top: 0px;	}
		.branches #lobbyview .grid-box,.branches #LobbyModule .grid-box.col-xs-6			{ width: 50%;	}
		#lobbyview .grid-boxes .grid-box-title h3,#LobbyModule .grid-boxes .grid-box-title h3	{ font-size:100%; }
		.lobby-grid #GridPage .max-width { padding:0; }
		#header2 ul.menu	{ padding-top:17vh; }
		#home-gallery .scroll-down { bottom: 20%; }
		#GridPage .max-width		{ width: 90%; }
		.top-caption:before				{ right: -25px;	}
		.lobby-grid #GridPage .max-width {	max-width: 95%;	width: 95%;	}
		.snif button.mapBtn				{ white-space: nowrap;	}
		#lobbyview.shown .grid-box.col-xs-6,#LobbyModule .grid-box.col-xs-6 { width: 100%;	}
		#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 115%;margin-top: 15px;margin-bottom: 0; }
		#GridPromo #DynamicFormObject { margin-top: 25px;margin-bottom: 25px; }
		#lobbyview .lobby-video { max-width: 90%;	}
		#home-gallery .gallery-logo { width: 100%; }
		#header2 ul.menu li:not(.social-mobile) a:after { width: 100% ;height: 2px;	}
		.grid-text .sec-button							{ font-size: 115%; }
		.grid-rows .grid-row-text a.grid-row-button		{ font-size: 135%; }
		#DynamicFormObject .dynamicFormObjectFields .top-form { display: block;	}
		.must:before { right: 16px;	}
		.mobile-strip .select-wrapper li.strip-item { color: inherit;padding: 6px 0px;	}
		.mobile-strip .select-wrapper ul { list-style: none;padding: 0px 15px;	}
		.mobile-strip					 { border-radius: 3px;border: solid 2px #04537d;margin-bottom: 15px; }
		.top-mobile-strip span.active {	font-size: 160%; }
		.mobile-strip span { padding: 10px 0px; }
		.branches #lobbyview .grid-boxes .grid-box-image,.branches #LobbyModule .grid-boxes .grid-box-image		{ padding-bottom: 100%; }
		.branches .grid-boxes .grid-box-title {}
		.grid-rows .grid-row:nth-child(even)		{ padding-top: 30px;padding-bottom: 0;	}
    }
    @media (max-width:320px){
          #header #header-center-kdm a:first-child, #header #header-center-kdm a { font-size: 14px; min-width: 40px; }
    }

/*Changes 27/8/18*/


#lobbyview .grid-boxes .grid-box-title h3,#LobbyModule .grid-boxes .grid-box-title h3 { font-size: 132%; margin-bottom: 10px; position: relative; /*max-width: 100%*/ }
#lobbyview .grid-boxes .grid-box-title h3:after,#LobbyModule .grid-boxes .grid-box-title h3:after { content: ""; display: block; position: absolute; background: url('/warehouse/temp/kaspi/line.png'); 
    background-repeat: no-repeat; background-size: 100%; width: 100%; height: 10px; right: 0; bottom: -10px; }
.contact #GridWrapInner { background: url(/warehouse/temp/kaspi/rowBg.png); padding-top: 60px; margin-bottom: 60px;}
.form-container-wide #DynamicFormObject, .normal-form {background: none;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {display:none;}



/*Contact Page*/

.form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {width: 33%;}
.dynamicFormObjectField.col-xs-12.textareaField {width: 100% !important;}
.normal-form textarea {padding-right: 15px; margin-top: 15px;}
.must:before {top: 6%;}
.textarea-wrapper:before {top: 12%;}
.dynamicFormObjectSubmit.col-xs-12 { float: none !important; margin: auto; width: 27% !important; display: inline-block;}
#GridPromo .form-container-wide #DynamicFormObject { padding: 60px 0 0; margin-bottom: 60px;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 120%;}
#SiteGrid.layout-bottom #GridPromo {padding-top: 0;}


/*branches Page*/

.branches #lobbyview .grid-boxes .grid-box-title h3:after,.branches #LobbyModule .grid-boxes .grid-box-title h3:after{content: none;}
/*.branches .grid-boxes .grid-box-title h3:before {content: ""; position: absolute; display: block; background: url('/warehouse/temp/kaspi/asterisk.png'); background-repeat:no-repeat;
    background-size: cover; height: 16px; width: 16px; right: -22px; top: -12px;}*/
/*.branches .grid-boxes .grid-box-title h3:before {display: none;}*/
/*.branches .grid-box-image-container {border-image: url(/warehouse/temp/kaspi/branches-border.png) 30 repeat; border-width: 15px; border-style: solid; margin: 13px; }*/
/*.branches .grid-boxes .grid-box-title h3:hover a:before, .branches .grid-boxes .grid-box-title h3:focus a:before{ border: none; content: " "; display: block; position: absolute; top: -10px;
    background: url('/warehouse/temp/kaspi/menu-line.svg'); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 13%; transition: all ease-out 300ms;-webkit-transition: all ease-out 300ms;}
.branches .grid-boxes .grid-box-title h3:hover a:after, .branches .grid-boxes .grid-box-title h3:focus a:after { border: none; content: " "; display: block; position: absolute; bottom: -10px;
    background: url('/warehouse/temp/kaspi/menu-line.svg'); background-repeat: no-repeat; background-size: 100%; width: 100%; height: 13%; transition: all ease-out 300ms;-webkit-transition: all ease-out 300ms;}*/
/*Header*/
#header #header-center-kdm a {
    border: 1px solid #05547E;
    color: #05547E;
}

@media(min-width: 1585px){
    .section-title
    h1:before, .section-title h2:before, .grid-rows .grid-row-text h2:before, .top-caption:before, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:before {right: -45px;}
}

@media(min-width:1170px) and (max-width:1280px) {
    #GridPage .max-width {width: 100%;}
}

@media(min-width: 768px) and (max-width: 1024px) {
    #lobbyview .grid-boxes .grid-box-title h3,#LobbyModule .grid-boxes .grid-box-title h3 {font-size: 103%;}
    #GridPage .max-width {width: 100%;}
}

@media(min-width: 767px) {
    .form-container-wide #DynamicFormObject {
        padding: 0 3% 3%;
    }
}


@media(max-width: 1170px) {
    .normal-form input { max-width: 100%; }
    .branches .grid-boxes .grid-box-title h3:before {right: -12px}
}

@media(max-width: 1024px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; }
    .dynamicFormObjectSubmit.col-xs-12 {width: 100% !important; }
    #GridPromo #DynamicFormObject { padding: 0 0 40px;}
    .normal-form textarea, .normal-form input, .normal-form select { max-width: 100%; }
    #header2 .mobile-middle-kdm a { color: #041B27; font-size: 188%; border: none; display: inline-block;}
    #header2 .mobile-middle-kdm {width: 100%;}
    #header2 .header-right-section {width: 16%;}
    #header2 ul.menu li:hover a:before {content: none;}
    #header2 .mobile-middle-kdm a:before{content: ""; border-top: 2px solid @main_color2; display: block; margin-bottom: 5px;}
    #header2 .mobile-middle-kdm a:after{content: ""; border-top: 2px solid @main_color2; display: block;}
    button.controlSlider.pause:after, button.controlSlider.play:after { bottom: 50%; right: 50%; transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%);}
    .branches .grid-boxes .grid-box-title h3 a:hover:before, .branches .grid-boxes .grid-box-title h3 a:focus:before {border: none;}
    .branches .grid-boxes .grid-box-title h3 a:hover:after, .branches .grid-boxes .grid-box-title h3 a:focus:after {border: none;}
    .hvr-fade :active, .hvr-fade:focus, .hvr-fade:hover {background-color: transparent; outline: 1px solid #000;}
    .top-caption:before {right: -25px;} 
}

@media(max-width: 767px){

    .snif .top-caption { font-size: 243%;}
    .snif.herzliya .top-caption { font-size: 243%; white-space: normal; width: 210px;}
    .snif.herzliya .top-caption:before {right: 24px;}
    .snif.petah-tikva .top-caption { font-size: 243%; white-space: normal; width: 210px;}
    .snif.petah-tikva .top-caption:before { right: 0;}
    #player-controls , .iconsBoxRight {left: 3%;}
    #home-gallery .iconBox img { max-width: 30px;}
    #GridPromo #DynamicFormObject {padding: 0; margin-top:0;}
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 98%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields {width: 90%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 120%;}
    .normal-form textarea { padding-right: 17px;  margin-top: 0;}
    .textarea-wrapper:before {top: 3%;}
    #header2 .mobile-middle-kdm a {font-size: 130%; }
    /*#header2 .mobile-middle-kdm a:before { content: " "; display: block; position: absolute; top: 0; background: url('/warehouse/temp/kaspi/menu-line.svg'); background-repeat: no-repeat;
        background-size: 100%; width: 75%; height: 20%; right: 15px; transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms; }
    #header2 .mobile-middle-kdm a:after { content: " "; display: block; position: absolute; background: url('/warehouse/temp/kaspi/menu-line.svg'); background-repeat: no-repeat;
        background-size: 100%; width: 75%; height: 20%; right: 15px;transition: all ease-out 300ms; -webkit-transition: all ease-out 300ms;}*/
     #header2 .mobile-middle-kdm a:before{margin-bottom: 7px;}
    #header2 .mobile-middle-kdm a:after{ margin-top: 4px;}
}

@media(max-width: 360px) {
    #header2 .mobile-middle-kdm a {margin-right: 0;}
}

@media(max-width: 320px) {
    .textarea-wrapper:before { top: 2%; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle {font-size:90%;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 117%;}
}

@media (min-width: 768px) {
    .home-page #header:not(.bg) {background: #fff;}
}


/*Changes 6/9/18*/

.english-word {font-family: Capriola-Regular;}
#text1, #text2 {font-family: FbSipholux-Regular;}

/*Header*/
#header2 .header-top-left {
    direction: rtl;
}
#header2 .header-top-left a {background: url('/warehouse/temp/kaspi/menu_dots.png'); background-size: cover; background-repeat: no-repeat; width: 40px; height: 40px; 
    border-radius: 50%; text-align: center;}
#header2 .header-top-left svg {margin-top: 7px; width: 28px; height: 25px; fill:#fff;}
#header2 .header-top-left a.facebook_icon_instagram svg { height: 24px;}

/*Top Banner*/
#home-gallery .flex-direction-nav .flex-prev { left: 40px; height: 42px; width: 35px; margin-top: 0;}
#home-gallery .flex-direction-nav a.flex-prev:before { content: "" !important; display: inline-block; width: 35px; height: 42px; background-image: url('/warehouse/temp/kaspi/arrow-left-new.png');background-size: cover;  background-repeat: no-repeat;}
#home-gallery .flex-direction-nav a.flex-next {right: 40px; height: 42px; width: 35px; margin-top: 0;}
#home-gallery .flex-direction-nav a.flex-next:before { content: "" !important; display: inline-block;  width: 35px; height: 42px; background-image: url('/warehouse/temp/kaspi/arrow-right-new.png'); background-position: right; background-size: cover; background-repeat: no-repeat;}

/*About Page*/
#videoContainer { max-width: 800px;}

/*Branches page*/
.branches .grid-box-image:focus {outline: 1px solid #000 !important;}
/*.grid-boxes .box-image-animation:focus, .grid-boxes .grid-box-title h3 a:focus {outline: none;}*/
.branches .grid-box-image-container:after {border-image: url(/warehouse/temp/kaspi/branches-border.png) 30 repeat; border-width: 15px; border-style: solid; margin: 13px; 
    content: ""; position: absolute; display: block; top: 0; right: 0; left: 0; bottom: 0;}
.snif.herzliya .top-caption, .snif.petah-tikva {
    text-align: center;
}
.branches .grid-boxes .grid-box-title h3 a:focus{outline: none;}

/*Franchise Page*/
.franchisePage #SiteGrid.layout-bottom #GridPromo {background: url('/warehouse/temp/kaspi/rowBg.png'); padding-top: 40px;}
.franchisePage fieldset { text-align: right;}
.dynamicFormObjectField.checkboxField span.error { left: 10px;}
.franchisePage .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {margin-top: 20px;}

@media(min-width: 1441px) {
    .top-caption {
        font-size: 550%;
    }
}

@media(min-width: 1170px) {
    .snif.herzliya .top-caption, .snif.petah-tikva .top-caption {white-space: nowrap;}
}

@media(min-width: 1321px) and (max-width: 1385px){
    .grid-rows .grid-row-text a.grid-row-button { padding: 10px 40px; }
}

@media (max-width:1440px) and (min-width: 1170px) {
    .top-caption {font-size: 360% !important; }
    .snif.herzliya .top-caption:before, .snif.petah-tikva .top-caption:before {right: -25px;}
    .branches #lobbyview .grid-boxes .grid-box-title h3,.branches #LobbyModule .grid-boxes .grid-box-title h3 {font-size: 100%;}
}

@media(min-width: 1025px) {
    .franchisePage #SiteGrid.layout-bottom #GridContent{margin-bottom: 30px;}
    #header2 ul.menu li a:hover:before,#header2 ul.menu li a:focus:before{ content: ""; position: absolute; display: block; width: 100%; height: 2px; 
        background: @main_color2; top: -8px; right:0;.transition(all, 250ms)}
    #header2 ul.menu li a:hover:after,#header2 ul.menu li a:focus:after{ content: ""; position: absolute; display: block; width: 100%; height: 2px;
        background: @main_color2; bottom: -4px; right:0;.transition(all, 250ms)}
    #header2 ul.menu li.active a:before { content: ""; position: absolute; display: block; width: 100%; height: 2px; background: @main_color2; top: -8px; right:0;}
     #header2 ul.menu li.active a:after { content: ""; position: absolute; display: block; width: 100%; height: 2px; background: @main_color2; bottom: -4px; right:0;}
}

@media(min-width: 768px){
    .franchisePage .dynamicFormObjectField.checkboxField { width: 500px !important; display: inline-block; float: none !important; margin-bottom: 0 !important; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .top-caption {font-size: 270%;}
    .snif.petah-tikva .top-caption, .snif.herzliya .top-caption{white-space: nowrap;}
    .branches #lobbyview .grid-box,.branches #LobbyModule .grid-box {padding: 0 25px;}
}

@media (max-width: 991px) {
    #header2 ul.menu .social-links a svg { margin-top: 3px; width: 28px; height: 25px; }
}

@media(max-width: 767px){
    #home-gallery .flex-direction-nav a.flex-next { right: 10px; width: 19px; height: 23px;}
    #home-gallery .flex-direction-nav .flex-prev { left: 10px; width: 19px; height: 24px;}
    #home-gallery .flex-direction-nav a.flex-next:before {background-position: right; width: 19px; height: 22px;}
    #home-gallery .flex-direction-nav a.flex-prev:before { width: 19px; height: 22px; }
    #header2.open .mobile-middle-kdm { opacity: 0; }
    .top-caption {font-size: 310%;}
    .iconsBoxRight .iconBox.showMobile.hideDesktop a {width: 44px;}
    .branches .grid-boxes .grid-box-title h3 a {font-size: 96%;}
    .branches #lobbyview .grid-boxes .grid-box-image,.branches #LobbyModule .grid-boxes .grid-box-image {padding-bottom: 100%; margin-bottom: 0; width: 100%;}
    .branches #lobbyview .grid-box { width: 50% !important; }
    .franchisePage #SiteGrid.layout-bottom #GridPromo {width: 95%;}
    .branches #lobbyview .grid-boxes .grid-box-title h3,.branches #LobbyModule .grid-boxes .grid-box-title h3 {font-size: 100%; margin: 0;}
    .branches .grid-boxes .grid-box-title h3:before{background-size: 65%;}
    #header2 ul.menu li a:before, #header2 ul.menu li a:after {content: none;}
    #header2 ul.menu .social-links a.social_icon_instagram svg {margin-top: 4px;}
    .internal-form .normal-form input[type=email], .internal-form .normal-form input[type=tel], .normal-form input[type=text], #DynamicFormObject input[type=submit] 
    {font-size:17px !important;}
    .branches #lobbyview .grid-boxes,.branches #LobbyModule .grid-boxes {margin: 0 0 25px;}
    #lobbyview .grid-boxes .grid-box-title h3,#LobbyModule .grid-boxes .grid-box-title h3 {margin: 20px 0;}
    .franchisePage #lobbyview .grid-boxes .grid-box-fulltext,.franchisePage #LobbyModule .grid-boxes .grid-box-fulltext { width: 86%; margin: auto; }
    .grid-rows .grid-row-text a.grid-row-button { padding: 10px 20px; }
    #player-controls, .iconsBoxRight {right: auto;}
    /*Franchise Page*/
    .franchisePage #lobbyview .grid-boxes .grid-box-image, .franchisePage #LobbyModule .grid-boxes .grid-box-image { padding-bottom: 54%; margin-bottom: 0; }
    .franchisePage #lobbyview.shown .grid-box.col-xs-6,.franchisePage #LobbyModule .grid-box.col-xs-6 { margin-bottom: 30px; }
    .franchisePage #DynamicFormObject .dynamicFormObjectField .must:before { right: 22px; top: 15%; }
    .franchisePage #DynamicFormObject .dynamicFormObjectField.checkboxField {width: 90%;}
    .dynamicFormObjectField.checkboxField span.error { left: -35px; top: 5px; }
}

@media(min-width: 375px) and (max-width: 415px){
    #videoContainer iframe{height: 189px;}
}

@media(min-width: 360px) and (max-width: 374px) {
    #videoContainer iframe{height: 181px;}
}

@media(max-width: 320px) {
    #videoContainer iframe { height: 160px; }
    .grid-rows .grid-row-text a.grid-row-button {font-size: 115%;}
}

/*Changes 27/9/18*/

@media(min-width: 960px) and (max-width: 1024px) {
    #header2 {padding: 10px;}
}

@media(min-width: 768px) and (max-width: 959px) {
    #header2 { padding: 8px; }
}

@media(min-width: 1585px){
    .top-caption:before {right: -45px;}
}

/*Changes 10/4/18*/

/*Home Page*/
@media(max-width: 767px){
    .home-page .food .section-animation-item h1:before { right: 23px; }
}

@media(max-width: 320px){
    .home-page .food .section-animation-item h1:before { right: 10px; }
}

/*Rosh Ein*/
.rosh-ein .kosher span {
    padding: 10px 14px 10px 20px;
}

/*Changes 21/10/18*/

/*Contact Page*/
.normal-form select { border: solid 2px #04537d; border-radius: 3px;}
.normal-form select:focus { border: 1px solid #000;}
.select-wrapper:after { top: 30%; left: 35px; }
.contact .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 50%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: block; clear: both; }

@media(max-width: 767px) {
    .contact .form-container-wide #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit {width: 100%;}
    .normal-form select { width: 100%; padding-right: 17px;}
}

.grid-rows .grid-row-text a.grid-row-button:focus,.grid-text .sec-button:focus { text-decoration: underline; }

/*Changes 13/1/19*/
@media(min-width: 991px){
    .franchisePage #lobby-view-section0 .grid-box.col-md-4 { width: 32%; }    
}