/*--------------------------------------------------
BODY
--------------------------------------------------*/
*{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

	 }

*:focus,.chbox label:focus{ outline: 2px solid #000!important;  }
input:focus, textarea:focus{ background-color: #FFFF99; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block; }
audio, canvas, video {display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) {display:none; }
[hidden] {display:none; }
html {font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;  height: 100%;}
html, button, input, select, textarea {font-family: 'Open Sans Hebrew'; color:#232425; }

body {margin:0; padding:0; background:#fff; font-size:16px; line-height:1.3; height: 100%;}
::-moz-selection {background:#72a9bd; color:inherit; text-shadow:none;}
::selection {background:#72a9bd; color:inherit; text-shadow:none; }
img::selection {background:transparent;}
img::-moz-selection {background:transparent;}
a{ }
a{ color: #232425; }
a:hover{ color:   #083a8e; }
img {border: none;}
.f-left{float: left;}
.f-right{float: right;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.clear{ clear: both;}
.ib{display: inline-block;}
.rtl{direction:rtl;}
body{
	-webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
    background-image: url(pics/bg.jpg);
     background-position: top center;

}

input, select, textarea{ font-size: 100%; }
.eng{direction: ltr; unicode-bidi: bidi-override;}
.heb{direction: rtl; unicode-bidi: bidi-embed;}
/*--------------------------------------------------
Non-Semantic Helper Classes
--------------------------------------------------*/
.ir {display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
.ir br {display:none;}
.hidden {display:none !important; visibility:hidden;}
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
.invisible {visibility:hidden;}
.clearfix:before, .clearfix:after, .cf:before, .cf:after  {content:""; display:table;}
.clearfix:after, .cf:after {clear:both;}
.clearfix, .cf {*zoom:1;}
::-webkit-input-placeholder {   color: #35383d;}
:-moz-placeholder { /* Firefox 18- */   color: #35383d;}
::-moz-placeholder {  /* Firefox 19+ */    color: #35383d;}
:-ms-input-placeholder {   color: #35383d;}

/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1{	margin: 0;	padding: 0; font-size: 2em; font-weight: normal;direction: rtl;  }
h2{font-size:1.333em;  font-weight:  900;  margin: 0;	padding: 0; direction: rtl;}
h3{	margin: 0;	padding: 0; font-size: 1.5em;font-weight: normal;direction: rtl; }
h4{	font-size: 1.3em; font-weight: normal;direction: rtl;	margin: 0;	padding: 0; }
h5{	font-size: 1em; font-weight: normal;  margin: 0;direction: rtl; }
.red{ color: #C7050D; }


#wrapper{
   width: 100%;
   max-width: 1200px;
   text-align: center;
   margin:0 auto;
   border:1px solid #f4f4f4;
   border-radius: 10px 10px 0 0;
   margin-top:10px;

}
header img{ width: 100%; border-radius: 10px 10px 0 0      }
nav{ background-color: #083a8e; width: 100%}

#search{ float: left; width: 20%;padding:5px; }
#search input[type=text]{ width: 78%; padding:5px; font-size: 1em; float:right; border:none; border-radius: 3px; text-align: right; direction: rtl; }
#search input[type=submit] { width: 20%; float:left; padding:5px; font-size: 1em; border:none; border-radius: 3px;  }


#holder{ background-color: #f4f4f4; padding:2.5% 0; border-radius: 0 0 10px 10px; }
#main_departments{ padding:1.5%; direction: rtl; }
.department_holder{ display: inline-block; width: 20%; margin-left:-4px; vertical-align: top; padding:0 10px;flex:1;  }
.department{background-color: #99d1e3; padding:7px; border-radius: 5px;height:100%; }
.department img{ width: 100%; border-radius: 5px;aspect-ratio: 4 / 3;
    object-fit: cover; }
.department ul{ padding:5%; margin:0; list-style-type: none; }
.department li{ position: relative;padding:5px; border-bottom: 1px dotted #A9B5BC; text-align: right;  padding-right:20px; }
.department li:before{
    content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:   #166182;
    font-size:1em;
    padding-left: 0.5em;
    position: absolute;
    top: 6px;
    right: 0;
    z-index: 1;
    	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.department li:hover:before{

    right: 4px;

}


.department li a{}
.department a{ text-decoration: none; }
.department h1 a{ font-size: .86em; color: #166182; padding:10px 0; display: block; background-color: #99d1e3; }

#auction{ margin:1.5% auto; padding:15px; width: 94.9%; background-color: #fff; border-radius: 5px; }
#auction h1{ font-weight: bold; font-size: 2em; color: #083a8e; }
#auction a{ text-decoration: none; }

/*--------------------------------------------------
MAIN MENU
--------------------------------------------------*/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu{
  text-align: right;
    padding:0;
    direction: ltr;
    float:right;
    width: 80%;

}

.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
    right: 0px;
	z-index: 99;
    min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
    padding-top:3px;
     background:rgb(255,255,255);
    background:rgba(255,255,255,.9);
    text-align: right;
    border: 1px solid #DCDCDC;
}

.sf-menu > li {
	display: inline-block;
    margin-left:-4px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu li {
	background-color: transparent;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */

	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}

.sf-menu li:hover{  background-color: #288cb2;}
.sf-menu li:last-child{border-left:none; }
.sf-menu a {
	text-decoration: none;
	transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
    padding:12px 20px;
    color: #FFFFFF;
    font-size: 1.125em;

	zoom: 1; /* IE7 */
}
.sf-menu .last a {
    border-right:none;
}

.sf-menu a:hover{}
.sf-menu ul li {
	 border:none;
     	transition:all 0.3s linear;
	 -moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
    padding: 7px 0;
}

.sf-menu ul li:last-child{border-bottom:none; }
.sf-menu ul li:hover { border:none; background:  #083a8e;}
.sf-menu ul li a{ color: #292929; padding:0 10px; }
.sf-menu ul li a:hover{ color: #fff; }
.sf-menu ul ul li {
	background: #ff0000;
}





  .video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 10px;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



#main_holder{ width: 95%; margin:0 auto; background-color: #fff; border-radius: 5px; padding:15px; }
#banners{ width: 97%; margin:2.5% auto 2.5%; }
.banner{ float:right; width: 23%; margin:0 1%; padding:10px; border-radius: 5px; text-align: center;}
.banner img,.banner h2{ display: block;}
.banner img{ max-width: 30%; width: 100%; margin:0 auto; }
.banner h2 { font-weight: normal; }
.banner a{ text-decoration: none; color: #fff; }
.banner:nth-child(1){ background-color: #083a8e; }
.banner:nth-child(2){ background-color: #da063d; }
.banner:nth-child(3){ background-color: #99d1e3; }
.banner:nth-child(4){ background-color: #ff7800; }


#userText{ font-size: 1.125em; text-align: right; direction: rtl;  }

#main_left{ width: 22%; float:right;  }
#main_right{ width: 78%; float:left; padding-right:2%;  text-align: right; direction: rtl; }
#main_right h1{  color: #99d1e3; font-weight: bold; font-style: italic; position: relative;padding-right:50px; padding-bottom:2.5%; }
#main_right h1:before{
 content: url(pics/orn.png);
 position: absolute; top:10px;right:0;
 }


#side_menu{background-color: #fff; padding:5%; text-align: right; direction: rtl; }
#side_menu h2{ color:  #288CB2; }
#side_menu ul{ padding:10px 0; margin:0; list-style-type: none; }
#side_menu ul li a{
  display: block;
  padding:7px 0;
  font-size: 1em;
  border-bottom: 1px dotted #828282;
   text-decoration: none;
   position: relative;
     -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
 }
 #side_menu ul li a:before{
 content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left:0;
    color: #fff;
       -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;

 }
 #side_menu ul li a:hover{
  padding-right:5px;
  color: #288CB2;

 }
#side_menu ul li:last-child a{ border-bottom:none; }
 #side_menu ul li a:hover:before{
 content: "\f100";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left:5px;
    color: #3BAEDA;
 }

#news{ background-color:   #f1f1f1; padding:10%; border-radius: 5px; }
#news marquee{ width: 100%; height: 300px; text-align: right; direction: rtl; }
#news marquee a{ }

#news h2{ font-size: 1.125em; color:  #288CB2; position: relative; text-align: right; margin-bottom:25px; }
.side_banner{ padding-top:20px; }
.side_banner img{ width: 100%; border-radius: 5px; }
.side_banner h2{ color: #083a8e; }
.side_banner a{ text-decoration: none; }

 .main_page_story{ text-align: right; direction: rtl; padding-top:2.5%; }
 .main_page_story a { display: block; padding-top:25px;  font-size: 1.125em; font-style: italic;  }
 .main_page_story a:hover{ }
 .main_page_story p{ line-height: 1.5; font-size: 1.125em; }

#contact_form{ width: 40%; float:right; padding:2.5%; text-align: right; }
.contact_bg{ width: 60%; float:left; }
.contact_bg img{ width: 100%; }
 #contact_form.rav{ width: 60%; float:right; padding-left:5%; padding-right:0%; text-align: right; }
 .pics_rav{ width: 40%; float:left; }
 .pics_rav img{ width: 100%; }
#contact_form h2{ padding-top:20%; }
 #contact_map{ width:25%; float:right;}
 #contact_address{ width: 35%; float:left; text-align: right; direction: rtl; line-height: 2; padding-right:2.5%; }
 #contact_form .half{ width: 48%; float:right; margin-left:2%;}
 #contact_form .half:last_child{ width: 49%; float:left; margin-right:2%;}


  #userText .half{ width: 48%; float:right; margin-left:2%;}
  #contact_form input[type="text"], #contact_form textarea{
  width: 100%;
  background-color: #fff;
  padding:5px;
  text-align:right ;
  outline: 0;
  margin:2% 0;
  margin-left:1%;
  border:1px solid #a1a1a1;


   }
  #contact_form  input[type="submit"]{
 padding:7px 15px;

  background-color:   #166182;
  color: #FFFFFF;
 border: none;
 float:left;
 font-size: 1em;
 font-weight: normal;
 cursor: pointer;
 border-radius: 3px;
 transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; white-space:nowrap; cursor:pointer;
}
 #contact_form  input[type="submit"]:hover{
 background-color: #083a8e;

}



/*--------------------------------------------------
SEARCH TABLES
--------------------------------------------------*/
 #search_condition{ border: 1px solid #DCDCDC; padding:10px; direction: rtl; margin-bottom:2.5%; }
.search_cond,.search_cond2 { display: inline-block; margin-left:-4px; direction: rtl; }
.search_cond{ width: 25%; }
.search_cond a:hover{ color: #C7050D; }
.search_cond a i{ color: #C7050D; padding-right:10px }
.search_cond2{ width: 50%; }
 .search_cond input[type="submit"]{
  background-color: transparent; border:none; cursor: pointer;
  text-indent: -9999px; width: 30px;
   position: relative; z-index: 10;
  }
  .search_cond input[type="text"]{
  padding: 5px;
   line-height: 1;
   border: 1px solid #cccccc;
   direction: rtl;
   border-radius:3px;
   width: 80%;
   }
  .search_cond form{ position: relative;  }
   .search_cond form:after{
    content: "\f002";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #166182;
    font-size: 18px;
    padding-left: 0.5em;
    position: absolute;
    top: 6px;
    left: 15px;
    z-index: 1;


    }
.styled-select,.styled-select2{
position:relative;
 }

.styled-select select{
	background: url(pics/downarrow.png) no-repeat right white;
   width: 80%;
   padding: 5px;
   line-height: 1;
   border: 1px solid #cccccc;
   direction: rtl;
   appearance:none;
   border-radius:3px;
   padding-right:12%;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
   }
 .styled-select2 select{
	background: url(pics/downarrow.png) no-repeat right white;
   width: 30%;
   padding: 5px;
   line-height: 1;
   border: 1px solid #cccccc;
   direction: rtl;
   appearance:none;
   border-radius:3px;
   padding-right:12%;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
   }

  #mob_left {  display: none; }
 .mob{display: none; }
 #dl-menu{ display: none; }



   	#no-more-tables table {
  width: 100%;
  border-collapse: collapse;
   direction: rtl;
   background: #fff;
}
/* Zebra striping */
	#no-more-tables tr:nth-of-type(odd) {
  background: #f9f9f9;
}
	#no-more-tables th {
  background:  #166182;
  color: white;
  font-weight: normal;
}
	#no-more-tables td, th {
  padding: 6px;
  border: 1px solid #ccc;
 text-align: right;
}


.back_btn{ padding-top:3%; display: inline-block; position: relative; }
.back_btn input[type="submit"]{
  font-size: 1em; padding:7px 20px 7px 50px;
  color: #FFFFFF;
  background-color:  #166182;
   position: relative;
  border:none; border-radius: 3px;
        -moz-transition: all .2s linear;
-o-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;

 }

 .back_btn input[type="submit"]:hover{ background-color:  #083a8e; }
 .back_btn:after{
  content: "\f062";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color:  #FFFFFF;
    font-size: 18px;
    padding-left: 0.5em;
    position: absolute;
    bottom: 5px;
    left: 0px;
    z-index: 1;

  }

  i.fa-check-circle-o{ color: #227c33; }
  i.fa-times-circle-o{ color:  #C7050D; }


  #mikve_info{ width: 100%; padding-top:2.5%;}
  #mikve_info div{
    width: 50%;
    border-bottom:1px solid #919191;
    padding:7px; text-align: right;
     display: inline-block;
     margin-left:-4px;
     }

    #mikve_info div span{
     width: 50%;
    display: inline-block;
    padding:0 10px;
    margin-left:-4px;
      }
  #mikve_info div span:nth-child(even){ font-weight: bold;}
    #mikve_info div:nth-child(7){ width: 100%; }
    #mikve_info div:nth-child(7) span{ width: 25%; }

   div#mikve_mess{ padding:20px 0; width: 100%; clear:both }
   div#mikve_mess span{ display: block; padding-bottom:15px; width: 100%}

   #mikve_services{ width: 100%; padding-top:2.5%;}
   #mikve_services div{border-bottom:1px solid #919191; direction: ltr;  width: 25%;margin-left:-4px;
    display: inline-block; }
    #mikve_services div:last-child{ width: 50%; }
     #mikve_services h2{ padding:2.5% 0; }
    #mikve_services div span{
    padding:7px 10px;
    display: inline-block;

      }
        #mikve_services div span i{ font-size: 1.33em; }

#ravs_table{ border-collapse: collapse; font-size: .86rem; }
#ravs_table td{ border:1px solid #000; padding:7px; }
#ravs_table td a{ font-size: 80%; text-transform: lowercase; }

td[data-title="טלפון"]{ white-space: nowrap; }
td[data-title="סלולרי"]{ white-space: nowrap; }
/*#userText img{ float:left; max-width: 400px; width: 100%; padding:0 20px 20px 0;  }    */

#main_menu_mob{ display: none; }

#footer_bottom{ padding-top:2.5%; }
 .map_btn{ float:left; margin-bottom:15px; background-color: #3BAEDA; padding:10px 5%; border:none; font-size: 1.66em; color: #fff; font-weight: bold; cursor: pointer; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; }
 .map_btn:hover{ background-color: #8CC051; }
 .map_btn i{ padding-right:20px; }
 /*--------------------------------------------------
media query
--------------------------------------------------*/
@media screen and (min-width:100px) and (max-width:959px)  {

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-right: 50%;
		white-space: normal;
		text-align:right;
        min-height: 25px;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		right: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:right;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

@media screen and (min-width:100px) and (max-width:959px) {
  .map_btn{ width: 100%; }
#logo{ display: none; }
#main_menu_mob{ display: block; }
.department_holder{ width: 100%;margin-top:10px; }
#auction h1{ font-size: 1em; color: ; }
.sf-menu{ display: none; }
#search{ position: relative; width: 100%}
#pnim_logo{ display: none; }
#logo_mob{ display: block;padding:10px; }
#logo_mob img{ width: 100% }

  .sb-icon-search:before{ left:5%; }

.width-wrapper{ width: 100%; }
 #userText img{ display: none; }
.mob{ display: block; }
 #dl-menu{ display: block; }
 #top_menu{ display: none; }
#wrapper{ max-width: none; }

#holder{ margin-top:0; }
.cat_block{ width: 100%;margin-left:0; }
.cat_links{ padding:2%; }
.cat_links ul{ padding-top:10px; }
.cat_links ul li a{ padding:3px 0; }

#footer{ padding:2%; }
#social{ width: 100%; }
#footer_links{ width: 100%; border:none; }
#footer_contact{ width: 100%; }
#footer_map{ width: 100%; }
.footer_social, .footer_address{ text-align: center; }
#credit{ width: 100%; }
.copyright{  width: 100%; }
.footer_logo{ display: none;}

#contact_form{ width: 100%;padding:0;}
#contact_form button{ width: 50%; margin-left:1.5%; }
#contact_form .half{ width: 100%; }
#side_menu{ width: 100%;  padding: 0 15px; }

.banner{ width: 97%; direction: rtl; margin-bottom:10px;}
.banner img, .banner h2{ display: inline-block; vertical-align: top; }
.banner img{ max-width: 20%; text-align: right;  }
.banner h2{ padding-top:5%; width: 78% }

.help_me{ position: static; padding:2.5%; }
.help_me:after{ display: none; }
.main_order_btn { position: static; width: 80%; margin: 0 auto; padding-top:2.5%; }
#contact_address{ width: 100%; }
.info p img{ width: 100% }
 #main_right{ padding:10px; width: 100%; }
 .bottom_cat{ width: 100%; margin-left:0; }
 #main_left{ width: 100%; }
 .addr, .hours,.f_map{ width: 100%; }

 .search_cond{ width: 100%; margin-bottom:10px; }
#mikve_info div{ width: 100%; }
#mikve_info div:nth-child(7) span{ width: 50%; }
#mikve_services div{ width: 100%; }
#mikve_services div:last-child { width: 100%; }
#contact_map{ width: 100%; }
}

@media screen and (min-width:560px) and (max-width:959px) {
#logo_mob{ width: 100%; padding:10px 10%; }
.cat_block{ width: 100%;margin-left:0; }
.cat_links{ padding:5%; }
.cat_links ul{ padding-top:20px; }
.cat_links ul li a{ padding:10px 0; }
.bottom_cat{ width: 33.333%; }
#news marquee{ height: 150px; }
.addr, .hours{ width: 50%; }
.search_cond { width: 50%; }
.department_holder{ width: 50%; }
.banner{ width: 48%; }
}

@media screen and (min-width:960px) and (max-width:1024px) {
#logo{ width: 15%; top:3%; }
 .sf-menu > li {  padding: 0 .5em;}
 .width-wrapper{width: 96%; }
 .sf-menu > li > a{ padding: 10px 3px; }
 #search{ margin-top:5px; }
 .cat_block{ width: 48%; }
 #main_right{ width: 75%; padding-left:3%; }
 #main_left{ width: 25%; }
 .search_cond{ width: 50%; margin-bottom:10px; }
#pnim_logo{ top:3%; }
.none{ display: none; }
#contact_address{ width: 50%; }
#contact_form{  width: 50%; }
#contact_map{ width: 100%; padding-top:2.5%; }
#footer{ padding:1%; }
#footer_contact input[type="submit"]{ width: 40%; }
a.footer_phone{ font-size: 1.5em; }
#footer_links{ padding-left:1.5%; }


}

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

  .sf-menu > li {  padding: 0;}
   .width-wrapper{width: 96%; }
  .sf-menu > li > a{ padding: 10px 15px; }
   #search{ margin-top:5px; }
   .cat_links{ padding:2%; }
.cat_links ul{ padding-top:10px; }
.cat_links ul li a{ padding:3px 0; }
#main_right{ width: 78%; padding-left:3%; }
 #main_left{ width: 22%; }
 .search_cond{ width: 50%; margin-bottom:10px; }
}

@media screen and (min-width:1200px) and (max-width:1399px) {
.sf-menu > li {  padding: 0;}
.width-wrapper{width: 96%; }
.cat_links ul{ padding-top:5px; }
.cat_links{ padding:2.5% 5%; }

}
@media screen and (min-width:1400px)and (max-width:1600px) {
.sf-menu > li {  padding: 0 .1em;}
.width-wrapper{width: 90%; }
.cat_links ul{ padding-top:10px; }
.cat_links{ padding:2.5% 5%; }

}
img {
	max-width:100%;
}
@media screen and (min-width:960px) {
    #main_departments {
    display: flex;
}
}