@charset "UTF-8";
@font-face{
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/droid/DroidKufi-Regular.eot);
  src: url(fonts/droid/DroidKufi-Regular.eot#iefix) format("embedded-opentype"), url(fonts/droid/DroidKufi-Regular.woff) format("woff2"), url(fonts/droid/DroidKufi-Regular.woff) format("woff"), url(fonts/droid/DroidKufi-Regular.ttf) format("truetype")
}
@font-face{
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(fonts/droid/DroidKufi-Bold.eot);
  src: url(fonts/droid/DroidKufi-Bold.eot#iefix) format("embedded-opentype"), url(fonts/droid/DroidKufi-Bold.woff) format("woff2"), url(fonts/droid/DroidKufi-Bold.woff) format("woff"), url(fonts/droid/DroidKufi-Bold.ttf) format("truetype")
}
@font-face{
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 400;
  src: url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Regular.eot);
  src: url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Regular.eot#iefix) format("embedded-opentype"), url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Regular.woff2) format("woff2"), url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Regular.woff) format("woff"), url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Regular.ttf) format("truetype")
}
@font-face{
  font-family: 'Droid Arabic Naskh';
  font-style: normal;
  font-weight: 700;
  src: url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Bold.eot);
  src: url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Bold.eot#iefix) format("embedded-opentype"), url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Bold.woff2) format("woff2"), url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Bold.woff) format("woff"), url(http://khbrpress.com/style/DemoStyle/assets/css/fonts/droid/DroidNaskh-Bold.ttf) format("truetype")
}
@font-face{
  font-family: Greta;
  src: url(fonts/Greta_Arabic_Regular.eot);
  src: url(fonts/Greta_Arabic_Regular.eot#iefix) format("embedded-opentype"), url(fonts/Greta_Arabic_Regular.woff) format("woff"), url(fonts/Greta_Arabic_Regular.otf) format("opentype")
}
.p0{ padding: 0 !important }
.p10{ padding: 10px !important }
.p20{ padding: 20px !important }
.p30{ padding: 30px !important }
.p40{ padding: 40px !important }
.p50{ padding: 50px !important }
.pt0{ padding-top: 0 !important }
.pr0{ padding-right: 0 !important }
.pb0{ padding-bottom: 0 !important }
.pl0{ padding-left: 0 !important }
.pt10{ padding-top: 10px !important }
.pr10{ padding-right: 10px !important }
.pb10{ padding-bottom: 10px !important }
.pl10{ padding-left: 10px !important }
.pt20{ padding-top: 20px !important }
.pr20{ padding-right: 20px !important }
.pb20{ padding-bottom: 20px !important }
.pl20{ padding-left: 20px !important }
.pt30{ padding-top: 30px !important }
.pr30{ padding-right: 30px !important }
.pb30{ padding-bottom: 30px !important }
.pl30{ padding-left: 30px !important }
.pt40{ padding-top: 40px !important }
.pr40{ padding-right: 40px !important }
.pb40{ padding-bottom: 40px !important }
.pl40{ padding-left: 40px !important }
.pt50{ padding-top: 50px !important }
.pr50{ padding-right: 50px !important }
.pb50{ padding-bottom: 50px !important }
.pl50{ padding-left: 50px !important }
.m0{ margin: 0 !important }
.m10{ margin: 10px !important }
.m20{ margin: 20px !important }
.m30{ margin: 30px !important }
.m40{ margin: 40px !important }
.m50{ margin: 50px !important }
.mt0{ margin-top: 0 !important }
.mr0{ margin-right: 0 !important }
.mb0{ margin-bottom: 0 !important }
.ml0{ margin-left: 0 !important }
.mt10{ margin-top: 10px !important }
.mr10{ margin-right: 10px !important }
.mb10{ margin-bottom: 10px !important }
.ml10{ margin-left: 10px !important }
.mt20{ margin-top: 20px !important }
.mr20{ margin-right: 20px !important }
.mb20{ margin-bottom: 20px !important }
.ml20{ margin-left: 20px !important }
.mt30{ margin-top: 30px !important }
.mr30{ margin-right: 30px !important }
.mb30{ margin-bottom: 30px !important }
.ml30{ margin-left: 30px !important }
.mt40{ margin-top: 40px !important }
.mr40{ margin-right: 40px !important }
.mb40{ margin-bottom: 40px !important }
.ml40{ margin-left: 40px !important }
.mt50{ margin-top: 50px !important }
.mr50{ margin-right: 50px !important }
.mb50{ margin-bottom: 50px !important }
.ml50{ margin-left: 50px !important }
@media (max-width: 768px){
  .container{ padding: 0 15px }
}
@media (min-width: 768px){
  .container{ width: 750px }
}
@media (min-width: 992px){
  .container{ width: 970px }
}
@media (min-width: 1200px){
  .container{ width: 1000px }
}
@media (max-width: 480px){
  .layout-1{ margin-bottom: 30px }
  .layout-1 .items .item{ float: right; width: 48.7%; margin-left: 2.6% }
  .layout-1 .items .item:nth-child(2n){ margin-left: 0 }
  .layout-2, .layout-3{ text-align: center }
  .layout-2 img, .layout-3 img{ display: inline-block }
  .layout-5 .item .thumb img, .layout-9 .item .thumb img, .layout-10 .item .thumb img{ width: 100% }
  .layout-5 .item .details .title, .layout-9 .item .details .title, .layout-10 .item .details .title{ height: auto; overflow: visible }
  #footer .top .logo{ display: none }
  .footer .copyright{ display: none }
}
@media (max-width: 767px){
  #header{ border-bottom: 5px solid #2d2f31 }
  #header .logo{ text-align: center; margin: 15px 0; padding-right: 0 }
  #header .logo img.img-1{ display: none }
  #header .logo img.img-2{ display: inline-block }
  #header #menu{ position: absolute; left: 0; top: -70px; z-index: 10 }
  #header #menu .menu-container{ width: 75% !important }
  #header #menu .search{ display: block }
  #header .latest{ display: none }
  #header .left:after{ display: none }
  .ads{ text-align: center }
  .ads img{ display: inline-block }
  .layout-4{ padding: 18px 40px; margin: 0 10px 30px; border-bottom: none }
  .layout-4:before, .layout-4:after{ display: none }
  .layout-4 .owl-prev, .layout-4 .owl-next{ font-size: 32px; margin-top: -16px }
  .layout-4 .owl-prev{ right: -34px }
  .layout-4 .owl-next{ left: -34px }
  .section-1 .widget.layout-7{ text-align: center }
  .section-1 .widget.layout-7 img{ display: inline-block }
  .layout-11 .owl-prev{ right: -15px }
  .layout-11 .owl-next{ left: -15px }
  .layout-13 .featured{ text-align: center }
  .layout-13 .featured img{ display: inline-block }
  .layout-14 .item{ float: right; width: 50%; padding: 7px; text-align: center }
  .layout-14 .item .thumb{ margin-bottom: 10px }
  .layout-14 .item .thumb img{ display: inline-block }
  .layout-15 .item a:before{ width: 200%; height: 200%; top: -50%; right: -50%; background-color: rgba(0, 0, 0, 0.4) }
  .layout-15 .item .details{ left: 0 }
  .layout-16{ text-align: center }
  .layout-16 .thumb img{ display: inline-block }
  .layout-17{ padding: 30px 0 58px }
  .layout-17 .widget-header-tabs ul.tabs li{ margin-bottom: 10px }
  .layout-17 .item{ text-align: center }
  .layout-17 .item img{ display: inline-block }
  .layout-18 .featured{ padding: 19px; text-align: center }
  .layout-18 .featured .thumb img{ display: inline-block }
  .layout-18 .featured .details .date{ text-align: right }
  .social-fixed{ display: none }
  .bannerFixed{ display: none; }
  #header2 .logo{ text-align: center;}#header2 .logo .img-1{ display: none;}#header2 .logo .img-2{ display: inline-block;}
  #header2 #menu .menuToggle{ display: inline; margin-top: 0 }
  #header2 #menu .menu-container{ position: fixed; right: -100%; top: 0; width: 300px; height: 100%; z-index: 100; overflow-y: scroll; background-color: #222; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0) }
  #header2 #menu ul.menu{ border-bottom: 0 }
  #header2 #menu ul.menu > li{ border-bottom: 1px solid #121212; border-top: 1px solid #272727 }
  #header2 #menu ul.menu > li:first-child{ border-top: 0 }
  #header2 #menu ul.menu > li:last-child{ border-bottom: 0 }
  #header2 #menu ul.menu > li > a{ padding: 12px 40px; font-size: 13px; color: #fff }
  #header2 #menu ul.menu > li ul{ display: block; min-width: 100%; position: relative; background-color: #3c3c3c; border-top-color: #323232; border-bottom-color: #323232; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
  #header2 #menu ul.menu > li ul:before{ border-bottom-color: #3c3c3c; right: 14% }
  #header2 #menu ul.menu > li ul li a{ padding: 8px 60px 8px 15px; color: #fff }
}
@media (min-width: 481px) and (max-width: 767px){
  .layout-1{ margin-bottom: 30px }
  .layout-1 .items .item{ float: right; width: 23.05%; margin-left: 2.6% }
  .layout-1 .items .item:nth-child(4n){ margin-left: 0 }
  .layout-2{ margin-left: 2% }
  .layout-2, .layout-3{ width: 49%; float: right }
  .layout-5 .item, .layout-9 .item, .layout-10 .item{ float: right; width: 48.8%; margin-left: 2.4% }
  .layout-5 .item:nth-child(2n), .layout-9 .item:nth-child(2n), .layout-10 .item:nth-child(2n){ margin-left: 0 }
  .layout-5 .item .thumb img, .layout-9 .item .thumb img, .layout-10 .item .thumb img{ width: 100% }
  .layout-15 .item{ float: right; width: 49.7%; margin-left: .6% }
  .layout-15 .item:nth-child(2n){ margin-left: 0 }
  .layout-17{ padding: 30px 0 58px }
  .layout-17 .item{ float: right; width: 48%; margin-left: 4% }
  .layout-17 .item:nth-child(2n){ margin-left: 0 }
  .layout-16 .item{ float: right; width: 50% }
  .layout-16 .item .details .title{ height: 66px; overflow: hidden }
  .layout-18 .featured{ padding: 19px }
  .layout-18 .featured .thumb{ float: right; width: 50%; margin-left: 10px }
  #footer .top .logo{ display: none }
  #footer .links .list li{ float: right; width: 50% }
  .footer .copyright{ display: none }
}
@media (max-width: 991px){
  #header .left{ position: relative }
  #header #menu .menuToggle{ display: inline; margin-top: 0 }
  #header #menu .menu-container{ position: fixed; right: -100%; top: 0; width: 40%; height: 100%; z-index: 100; overflow-y: scroll; background-color: #222; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); filter: alpha(opacity=0) }
  #header #menu ul.menu{ border-bottom: 0 }
  #header #menu ul.menu > li{ border-bottom: 1px solid #121212; border-top: 1px solid #272727 }
  #header #menu ul.menu > li:first-child{ border-top: 0 }
  #header #menu ul.menu > li:last-child{ border-bottom: 0 }
  #header #menu ul.menu > li > a{ padding: 12px 40px; font-size: 13px; color: #fff }
  #header #menu ul.menu > li ul{ display: block; min-width: 100%; position: relative; background-color: #3c3c3c; border-top-color: #323232; border-bottom-color: #323232; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none }
  #header #menu ul.menu > li ul:before{ border-bottom-color: #3c3c3c; right: 14% }
  #header #menu ul.menu > li ul li a{ padding: 8px 60px 8px 15px; color: #fff }
  #header #menu .search{ display: block }
  #header .time-search{ display: none }
  #header2 #menu .container{ margin-top: 0 }
  #header2 .left{ position: relative }
  .header-bar{ margin-top: 10px }
  .header-bar .links, .header-bar .social{ display: none }
  .header-bar .search{ width: 60%; float: left; }
}
@media (min-width: 768px) and (max-width: 991px){
  #header .logo{ width: 13.3%; float: right; margin-top: 13px; position: relative }
  #header .logo:before{ width: 110%; height: 35px; position: absolute; bottom: -3px; right: 0; z-index: 1; content: ''; background-color: #2d2f31 }
  #header .logo img{ position: relative; z-index: 2 }
  #header .logo img.img-1{ display: inline-block }
  #header .logo img.img-2{ display: none }
  #header .left{ float: right; width: 86.7%; padding-right: 15px; padding-top: 26px }
  #header #menu{ position: absolute; left: 15px; top: 30px; z-index: 10 }
  .ads-grid .ads{ float: right; width: 49%; margin-left: 2% }
  .ads-grid .ads:nth-child(2n){ margin-left: 0 }
  .layout-1{ margin-bottom: 30px }
  .layout-1 .items .item{ float: right; width: 23.05%; margin-left: 2.6% }
  .layout-1 .items .item:nth-child(4n){ margin-left: 0 }
  .layout-2{ margin-left: 2% }
  .layout-2, .layout-3{ width: 49%; float: right }
  .layout-4{ padding: 18px 40px; margin: 0 10px }
  .layout-4 .owl-prev, .layout-4 .owl-next{ font-size: 32px; margin-top: -16px }
  .layout-4 .owl-prev{ right: -34px }
  .layout-4 .owl-next{ left: -34px }
  .layout-5 .item{ float: right; width: 23.1%; margin-left: 2.4% }
  .layout-5 .item:nth-child(4n){ margin-left: 0 }
  .section-1 .widget.layout-6, .section-1 .widget.layout-7{ width: 48%; float: right }
  .section-1 .widget.layout-6{ margin-left: 4% }
  .section-1 .widget.layout-8{ clear: both }
  .layout-9 .item{ float: right; width: 31.43333333%; margin-left: 2.4% }
  .layout-9 .item:nth-child(3n){ margin-left: 0 }
  .layout-10 .item{ float: right; width: 31.2%; margin-left: 3.2% }
  .layout-10 .item:nth-child(3n){ margin-left: 0 }
  .layout-11 .items .item{ width: 50%; float: right }
  .layout-11 .items .item:first-child{ border-bottom: 1px solid #ebebeb }
  .layout-11 .items .item:last-child{ border-top: 1px solid #ebebeb }
  .layout-11 .items .item:nth-child(2n){ border-right: 1px solid #ebebeb }
  .layout-13{ float: right; width: 32.73333333%; margin-left: .9% }
  .layout-13:last-child{ margin-left: 0 }
  .layout-14{ float: right; width: 48.1% }
  .layout-14.ml{ margin-left: 3.8% }
  .layout-14 .item{ float: right; width: 50%; padding: 7px }
  .layout-15 .item{ float: right; width: 33.2%; margin-left: .2% }
  .layout-15 .item:nth-child(3n){ margin-left: 0 }
  .layout-16 .item{ float: right; width: 50% }
  .layout-16 .item .details .title{ height: 66px; overflow: hidden }
  .layout-17{ padding: 30px 0 58px }
  .layout-17 .item{ float: right; width: 24%; margin-left: 1.33% }
  .layout-17 .item:nth-child(4n){ margin-left: 0 }
  .layout-18 .featured{ float: right; width: 52.5%; padding: 19px }
  .layout-18 .more{ float: right; width: 47.5% }
  #footer .links .list li{ float: right; width: 25% }
  .header-bar .links{ float: right; }
  .header-bar .social{ float: right; }
  .header-bar .email{ float: left; margin-left: 5px; }
  .header-bar .search{ float: left; width: 240px }
  #header2 .logo{ width: 13.3%; float: right; margin-top: 13px; position: relative }
  #header2 .logo img{ position: relative; z-index: 2 }
  #header2 .logo .img-2{ display: none }
  #header2 .left{ float: right; width: 86.7%; padding-right: 15px; padding-top: 26px }
  #header2 #menu .menuToggle{ display: none }
  #header2 #menu ul.menu > li > a{ padding: 15px 9px; font-size: 14px }
  #header2 #menu .menu > li{ float: right }
  #header2 #menu .menu > li ul{ position: absolute; right: 0; top: 100%; z-index: 10 }
}
@media (min-width: 992px) and (max-width: 1199px){
  #header .logo{ width: 13.3%; float: right; margin-top: 28px }
  #header .logo img.img-1{ display: inline-block }
  #header .logo img.img-2{ display: none }
  #header .left{ float: right; width: 86.7%; padding-right: 15px }
  #header #menu{ margin-bottom: 7px }
  #header #menu .menuToggle{ display: none }
  #header #menu .search{ display: none }
  #header #menu ul.menu > li{ float: right }
  #header #menu ul.menu > li > a{ padding: 15px 9px; font-size: 16px }
  #header #menu ul.menu > li ul{ position: absolute; top: 100%; right: 0; z-index: 10 }
  #header .time-search{ margin-bottom: 7px }
  #header .time-search .time{ float: right }
  #header .time-search .search{ float: left; width: 240px; height: 42px }
  .ads-grid .ads{ float: right; width: 49%; margin-left: 2% }
  .ads-grid .ads:nth-child(2n){ margin-left: 0 }
  .primary{ float: right; width: 65.82%; margin-left: 2.55% }
  .secondary{ float: right; width: 31.63% }
  .layout-1 .items .item{ float: right; width: 23.05%; margin-left: 2.6% }
  .layout-1 .items .item:nth-child(4n){ margin-left: 0 }
  .layout-4{ padding: 18px 66px; margin: 0 10px }
  .layout-5 .item{ float: right; width: 23.1%; margin-left: 2.4% }
  .layout-5 .item:nth-child(4n){ margin-left: 0 }
  .section-1 .widget{ width: 31.7%; float: right; margin-left: 2.45% }
  .section-1 .widget.layout-8{ margin-left: 0 }
  .layout-9 .item{ float: right; width: 48.1%; margin-left: 2.4% }
  .layout-9 .item:nth-child(2n){ margin-left: 0 }
  .layout-9 .item .thumb{ text-align: center; padding-top: 10px }
  .layout-9 .item .thumb img{ display: inline-block }
  .layout-10 .item{ float: right; width: 18.4%; margin-left: 2% }
  .layout-10 .item:nth-child(5n){ margin-left: 0 }
  .layout-13{ float: right; width: 32.73333333%; margin-left: .9% }
  .layout-13:last-child{ margin-left: 0 }
  .layout-14{ float: right; width: 48.1% }
  .layout-14.ml{ margin-left: 3.8% }
  .layout-14 .item{ float: right; width: 50%; padding: 7px }
  .layout-15 .item{ float: right; width: 33.2%; margin-left: .2% }
  .layout-15 .item:nth-child(3n){ margin-left: 0 }
  .layout-17{ padding: 30px 0 58px }
  .layout-17 .item{ float: right; width: 24%; margin-left: 1.33% }
  .layout-17 .item:nth-child(4n){ margin-left: 0 }
  .layout-18 .featured{ float: right; width: 52.5%; padding: 19px }
  .layout-18 .more{ float: right; width: 47.5% }
  #footer .links.w-1{ float: right; width: 68.4% }
  #footer .links.w-2{ float: right; width: 31.6% }
  #footer .links .list li{ float: right; width: 25% }
  .header-bar .links{ float: right; }
  .header-bar .social{ float: right; }
  .header-bar .email{ float: left; margin-left: 5px; }
  .header-bar .search{ float: left; width: 240px }
  #header2 .logo{ width: 13.3%; float: right; margin-top: 28px }
  #header2 .logo .img-2{ display: none }
  #header2 .left{ float: right; width: 86.7%; padding-right: 15px }
  #header2 #menu{ }
  #header2 #menu .menuToggle{ display: none }
  #header2 #menu ul.menu > li{ float: right }
  #header2 #menu ul.menu > li > a{ padding: 15px 9px; font-size: 16px }
  #header2 #menu ul.menu > li ul{ position: absolute; top: 100%; right: 0; z-index: 10 }
}
@media (min-width: 1200px){
  #header .logo{ width: 13.3%; float: right }
  #header .logo img.img-1{ display: inline-block }
  #header .logo img.img-2{ display: none }
  #header .left{ float: right; width: 86.7%; padding-right: 15px }
  #header #menu .menuToggle{ display: none }
  #header #menu .search{ display: none }
  #header #menu ul.menu > li{ float: right }
  #header #menu ul.menu > li > a{ padding: 15px 13px }
  #header #menu ul.menu > li ul{ position: absolute; top: 100%; right: 0; z-index: 10 }
  #header .time-search{ margin-bottom: 14px }
  #header .time-search .time{ float: right }
  #header .time-search .search{ float: left; width: 240px; height: 42px }
  .ads-grid .ads{ float: right; width: 49%; margin-left: 2% }
  .ads-grid .ads:nth-child(2n){ margin-left: 0 }
  .primary{ float: right; width: 67.37%; margin-left: 1% }
  .secondary{ float: right; width: 31.63% }
  .layout-1 .items .item{ float: right; width: 23.05%; margin-left: 2.6% }
  .layout-1 .items .item:nth-child(4n){ margin-left: 0 }
  .layout-4{ padding: 18px 66px; margin: 0 10px }
  .layout-5 .item{ float: right; width: 18.08%; margin-left: 2.4% }
  .layout-5 .item:nth-child(5n){ margin-left: 0 }
  .section-1 .widget{ width: 31.7%; float: right; margin-left: 2.45% }
  .section-1 .widget.layout-8{ margin-left: 0 }
  .layout-9 .item{ float: right; width: 31.43333333%; margin-left: 2.4% }
  .layout-9 .item:nth-child(3n){ margin-left: 0 }
  .layout-9 .item.i-2{ width: 23.2%}
  .layout-9 .item.i-2:nth-child(3n){ margin-left: 2.4% !important;}
  .layout-9 .item.i-2:nth-child(4n){ margin-left: 0 !important;}
  .layout-10 .item{ float: right; width: 18.4%; margin-left: 2% }
  .layout-10 .item:nth-child(5n){ margin-left: 0 }
  .layout-11 .items .item{ width: 50%; float: right }
  .layout-11 .items .item:first-child{ border-bottom: 1px solid #ebebeb }
  .layout-11 .items .item:last-child{ border-top: 1px solid #ebebeb }
  .layout-11 .items .item:nth-child(2n){ border-right: 1px solid #ebebeb }
  .layout-13{ float: right; width: 32.73333333%; margin-left: .9% }
  .layout-13:last-child{ margin-left: 0 }
  .layout-14{ float: right; width: 48.1% }
  .layout-14.ml{ margin-left: 3.8% }
  .layout-14 .item{ float: right; width: 50%; padding: 7px }
  .layout-15 .item{ float: right; width: 33.2%; margin-left: .2% }
  .layout-15 .item:nth-child(3n){ margin-left: 0 }
  .layout-17{ padding: 30px 0 58px }
  .layout-17 .item{ float: right; width: 24%; margin-left: 1.33% }
  .layout-17 .item:nth-child(4n){ margin-left: 0 }
  .layout-18 .featured{ float: right; width: 52.5%; padding: 19px }
  .layout-18 .more{ float: right; width: 47.5% }
  #footer .links.w-1{ float: right; width: 68.4% }
  #footer .links.w-2{ float: right; width: 31.6% }
  #footer .links .list li{ float: right; width: 25% }
  .header-bar .links{ float: right; }
  .header-bar .social{ float: right; }
  .header-bar .email{ float: left; margin-left: 5px; }
  .header-bar .search{ float: left; width: 240px }
  /* new heeader*/
  #header2 .logo{ width: 13.3%; float: right }
  #header2 .logo .img-2{ display: none }
  #header2 .left{ float: right; width: 86.7%; padding-right: 15px }
  #header2 #menu .menuToggle{ display: none }
  #header2 #menu ul.menu > li{ float: right }
  #header2 #menu ul.menu > li > a{ padding: 15px 13px }
  #header2 #menu ul.menu > li ul{ position: absolute; top: 100%; right: 0; z-index: 10 }
  .layout-1-2 .slide{width: 60%; float: right;}
  .layout-1-2 .navs{width: 40%; float: right;}
}