@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/earlyaccess/opensanshebrew.css');

body { font-family: 'Open Sans Hebrew', sans-serif; background-color: #fff; color: #1A1818;font-size: 18px;line-height: 28px; font-weight: 400;font-style: normal; direction: rtl; }
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans Hebrew', sans-serif; font-style: normal; font-weight: 700; font-size: 65px;line-height: 70px;color: #1A1818; margin-bottom: 40px;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}

.container, .container-fluid  [class*="col-"] { padding-left: 12px; padding-right: 12px;}
.row { margin-left: -12px; margin-right: -12px;}
.row  [class*="col-"] { position:relative; padding-left: 12px; padding-right: 12px; }

.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding: 0; margin: 0; position:relative; }
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.sr-only {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
.sr-only:focus-visible { color:black;  width:auto;  left:auto;  right:0;  height: auto;  border:1px solid black;  clip:auto;
  background: white;  text-indent: 0;  z-index: 9999999;}

.navbar-toggler { display: none; height: 40px;  width: 40px;  border-radius: 0px; background-color: none;position:absolute; right: 20px; top: 10px; z-index: 102; border: 0; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.navbar-toggler i{ width: 34px; height: 3px; background: #D7001D; border-radius: 0px; position:absolute; z-index: 5; left: 11px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1;}
.navbar-toggler i:nth-child(1){ top: 3px;}
.navbar-toggler i:nth-child(2){top: 14px;}
.navbar-toggler i:nth-child(3){top: 25px;}
.navbar-toggler[aria-expanded="true"] i:nth-child(2) { opacity: 0;}
.navbar-toggler[aria-expanded="true"] i:nth-child(1) { transform: rotate(-45deg); top: 14px;}
.navbar-toggler[aria-expanded="true"] i:nth-child(3) { transform: rotate(45deg); top: 14px; }



.header { position: fixed; padding:  0; z-index:  999; left:  0; right:  0; top:  0; height:  97px; background: #fff; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.scrolled .header { background: #fff; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}

.logo { position: absolute; z-index:  99; left: 40px;top: 16px; }
.logo a { display: block; height: 100%;}
.logo img { width: 222px;}
.header_right { position: absolute; z-index:  99; width: 470px; height:  74px; border-bottom: solid 1px #fff; right:  0; top:  -27px;}
.language { position: absolute; right:  40px; top:  34px; width:40px; height:  40px; display: inline-block; text-align: center; color: black; font-size: 16px; line-height: 40px; font-weight: 400; }
.cart { position: absolute; right:  98px; top:  34px; width:40px; height:  40px; display: inline-block; text-align: center; background: url("../images/cart.svg") no-repeat center 7px;}
.search {position: absolute; left:  0; top:  34px; width:310px; height:  40px; display: inline-block;}
.search input[type=text] { width:  100%; height:  39px;  border:  0; background: url("../images/search2.svg") no-repeat right center rgba(26, 24, 24, 0); padding:  0 34px 0 0; color: #000; font-size: 24px; line-height:  39px;}


.home_section_top { padding:  0; margin:  0; position: relative; z-index:  2; height:calc(100vh - 0px); }
.home_section_top .carousel, .home_section_top .carousel-inner, .home_section_top .carousel-item {height:calc(100vh - 0px)}
.home_section_top .carousel-item {background-position: center center; background-repeat: no-repeat; background-size: cover; }

.home_section_top .splide__pagination__page { width: 20px; height: 20px; background: #FFFFFF;box-shadow: 0px 3px 6px #00000029;
border: 1px solid #707070;opacity: 0.5;}
.home_section_top .splide__pagination__page.is-active {transform: scale(1);opacity: 1;}
.home_section_top  .carousel-indicators { margin-bottom: 40px;}
.home_section_top .carousel-indicators [data-bs-target] {width: 20px; height: 20px; border-radius: 50%; background: #FFFFFF;box-shadow: 0px 3px 6px #00000029;border: 1px solid #707070;opacity: 0.5;}
.home_section_top .carousel-indicators .active { opacity: 1;}



/*
.home_section_top .splide, .home_section_top .splide__list, .home_section_top .splide__slide {height:calc(100vh - 0px)}
.home_section_top .splide__slide {background-position: center center; background-repeat: no-repeat; background-size: cover; }
.home_section_top .splide__pagination { bottom: 50px;}
.home_section_top .splide__pagination__page { width: 20px; height: 20px; background: #FFFFFF;box-shadow: 0px 3px 6px #00000029;
border: 1px solid #707070;opacity: 0.5;}
.home_section_top .splide__pagination__page.is-active {transform: scale(1);opacity: 1;}*/

.home_title { font-size: 18px; line-height: 23px; color: #fff; position: absolute; z-index:  3; left:  50%; width: 770px; margin-left: -385px; top:  50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.home_title div:nth-child(1) { width: 300px; float:  right; font-size: 108px; line-height:  88px; font-weight: 800;} 
.home_title div:nth-child(2) { width: 470px; float:  left; padding: 40px 50px 40px 30px; background: rgba(26, 24, 24, 0.74); }
.home_title div:nth-child(2) p:nth-child(1) { font-weight: 800;}
.home_title div:nth-child(2) p:nth-child(2) { height: 95px; overflow: hidden;}
.home_title div:nth-child(2) p:nth-child(3)  { margin-bottom: 0px;}
.home_title a{ font-size: 14px; display: inline-block; width: 90px; height: 36px; line-height:  34px; background: #D7001D; color: #fff; text-align: center;}

.our_products { padding-left: 54px; padding-right: 54px; background: #EFEFF0; margin-top: 100px; padding-bottom: 100px;}
.our_products .row { margin-left: -10px; margin-right: -10px; position: relative;}
.our_products .row  [class*="col-"] { position:relative; padding-left: 10px; padding-right: 10px; padding-bottom: 30px; }
.our_products .row [class*="col-"]:nth-child(1) { padding-top: 50px; padding-bottom: 20px;}
.product_wrap { display: block; padding-top: 10px; }
.product_wrap img { width: 100%;}
.product_wrap a { display: block; color: #1A1818;}
.product_wrap h2 { font-size: 24px; line-height:  32px; color: #1A1818; margin-bottom: 0px; padding-top: 4px; padding-left: 30px; position: relative; }
.product_wrap h2:after{ content: ""; position: absolute; left:  0; top:  7px; width: 27px; height: 30px;background: url("../images/plus.svg") no-repeat left center; }
.product_wrap p { margin-bottom: 0px; color: #1A1818; max-height: 60px; overflow: hidden;}

.home_map {padding: 80px 54px 0 54px;text-align: center;max-width: 1430px;}
.home_map h2 { text-align: center;}
#map, .home_map iframe, .gmap iframe{height: 550px; width: 100%; margin:  0 auto;}
#description {  font-size: 15px; font-weight: 300;}
#infowindow-content .title { font-weight: bold;}
#infowindow-content { display: none;}
#map #infowindow-content { display: inline;}
.pac-card { background-color: #fff; border: 0; border-radius: 2px; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3); margin: 10px; padding: 0 0.5em; overflow: hidden; }

#pac-container {padding-bottom: 12px; margin-right: 12px;}

.pac-controls { display: inline-block; padding: 5px 11px;}
.pac-controls label { font-family: Roboto; font-size: 13px; font-weight: 300;}
#pac-input {width: 243px;height: 56px; box-shadow: 0px 3px 6px #00000029;border-radius: 28px;
  font-size: 20px; line-height: 30px; padding: 0 55px 0 25px;text-overflow: ellipsis; background: url("../images/search2.svg") no-repeat right 15px center #fff; position: absolute; right:  50px; top:  20px !important; left: auto!important; border: 0;}
#pac-input:focus { border:0;box-shadow: 0px 3px 6px #00000029 !important;}
#title { color: #fff; background-color: #4d90fe; font-size: 25px; font-weight: 500;  padding: 6px 12px;}
#target { width: 345px;}

.executive_import { padding: 100px 54px;text-align: center;}
.executive_import h2 { text-align: center;}
.executive_import ul {display: block;padding:  0; margin:  0; list-style: none; text-align: center;}
.executive_import ul li {width: auto; max-width: auto; display: inline-block; margin:  0 25px; padding:  0;}

.business_recomend { position: relative; padding: 100px 54px 100px 54px;}
.business_recomend:before { content: ""; background: #707070; height: 1px; position: absolute; left:  54px; right:  54px; top:  0;}
.business_recomend .row  [class*="col-"]:nth-child(1) { text-align: left;}
.business_recomend .row  [class*="col-"]:nth-child(1) img {}
.business_recomend .splide__slide { direction: rtl; text-align: right; padding-right: 50%;}
.business_recomend .splide__slide img { position: absolute; right: 50%; margin-right: -400px; top:  0;}
.business_recomend h2 { font-size: 30px; line-height:  40px; padding-top: 30px; text-align: right;}
.business_recomend .splide__pagination { bottom: -40px; text-align: right!important; padding:  0 50% 0 0; display: block;}
.business_recomend .splide__pagination__page { width: 20px; height: 20px; background: #fff;border: 1px solid #707070;opacity: 1; display: inline-block; position: relative;}
.business_recomend .splide__pagination__page:after { content: ""; background: #fff; width: 14px; height: 14px; position: absolute; left:  50%; top:  50%; margin-left: -7px; margin-top: -7px; border-radius: 50%;}
.business_recomend .splide__pagination__page.is-active {transform: scale(1);opacity: 1;}
.business_recomend .splide__pagination__page.is-active:after { background: #707070;}
.business_recomend .splide__pagination li {float:  right !important; margin:  0; display: block;}

.home_bottom{ padding: 0; margin: 0; position: relative;}
.home_bottom img:nth-child(1)  { width: 100%; height: auto;}
.home_bottom img:nth-child(2)  { width: 46%; height: auto; position: absolute; right: 10%; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}

.footer { background: #000; padding: 50px 135px 20px 135px;color: #fff; font-size: 18px; line-height: 25px; font-weight: 400; position: relative;  z-index:  4; min-height: 400px;}
.footer .container { max-width: 100%; }
.footer h3 {color: #fff; font-size: 23px; font-weight: 700; line-height: 33px; margin-bottom: 20px;}
.footer .row  [class*="col-"] { padding-left: 350px;}
.footer .contact_form { width: 292px; position: absolute; left:  12px; top:  18px; z-index:  2;}
.contact_form .form-group { position:relative; width: 100%; float: right; margin-bottom: 12px;}
.contact_form .form-control { position: relative; padding: 0 8px!important; width: 100%; height: 48px; background: #fff; border-radius: 0; border: solid 1px #fff; font-weight: 400; font-size: 15px; line-height: 46px; color: #383636; text-align: right; }
.contact_form .form-control:focus { border: solid 1px #fff; }
.contact_form .form-control.textarea { height:  76px; line-height: 20px; padding:  0 8px;}

.contact_form .form-control::-webkit-input-placeholder{ color: #383636; opacity: 0 !important;font-weight: 400;}
.contact_form .form-control::-moz-placeholder { color: #383636; opacity: 0 !important;font-weight: 400; }
.contact_form .form-control:-ms-input-placeholder { color: #383636;font-weight: 400; opacity: 0 !important; }
.contact_form .form-control::-webkit-input-placeholder { color: #383636;font-weight: 400; opacity: 0 !important; }

.contact_form input[type=submit] { background: #D7001D; display: inline-block; border-radius:0px; text-align:center; cursor: pointer;font-size: 15px; line-height:  34px; color: #fff; padding:  0; border: 0;font-weight: 400; width: 90px; height: 36px; }
.contact_form .form-group  label{  pointer-events: none;position:absolute; right: 8px; margin: 0; z-index: 5; top: 0px; padding: 0; font-weight: 400; font-size: 15px; line-height: 46px; color: rgba(56, 54, 54, 0.5);  transition: 0.2s; transition-timing-function: ease;  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);  }
.contact_form .form-group .form-control:focus + label, .contact_form .form-group .form-control:not(:placeholder-shown) + label {top: 0px;right: 8px; margin: 0; padding: 0; font-weight: 400; font-size: 15px; line-height: 46px; color: rgba(56, 54, 54, 0); opacity: 0; }

.contact_form .was-validated .form-control:valid, .form-control.is-valid {}
.contact_form .was-validated .form-control:invalid, .contact_form .form-control.is-invalid {  border-color: #ed0d27;}
.subscribe_section  .contact_form .was-validated .form-group .form-control:invalid, .subscribe_section .contact_form .form-group .form-control.is-invalid { border-color: #ed0d27;border-radius: 0px; }

.address { padding-right: 164px; position: relative; display: none;}
.footer a { color: #fff;}
.footer_top { width: 100%; float:  right; position: relative; font-size: 16px; padding-bottom: 30px;}
.footer_top:after { content: ""; position: absolute; left:  0; right:  0; top:  36px; height:  1px; background: rgba(112, 112, 112, 0.8);}
.footer_top ul { display: inline-block; float:  right; padding:  0; margin: 0; list-style: none; position: relative; width: 124px;}
.footer_top ul li { display: inline-block; float:  right; width: 100%; padding:  0; margin: 0; list-style: none; position: relative;}
.footer_top ul li a { display: block; padding-bottom: 24px;}
.footer_top ul li ul { width: 124px;}
.footer_top ul li ul li { padding-bottom: 2px; width: 124px;}
.footer_top ul li ul li a { color: #fff; padding-bottom: 1px;}
.footer_top ul li ul li a:hover { color: #fff; text-decoration: underline;}
.footer_top ul + ul { width:744px ; }
.footer_top ul + ul li { width: inhert; float: right;}
.footer_top ul + ul + ul { width: 124px;}
.footer_top ul + ul li ul, .footer_top ul li ul li ul li { width: 100%;}
.footer_bottom { width: 100%; float:  right; padding-top: 12px; border-top: solid 1px rgba(112, 112, 112, 0.8); line-height: 30px; font-weight: 600; padding-right: 750px;}

.social { position: absolute; right:  12px; bottom:  20px; font-size: 40px; }
.social a { float: right; margin-left: 20px;}
.social a:nth-child(2) { font-size: 16px; display: inline-block; width: 35px; height:  36px; border: solid 3px #fff; text-align: center; line-height:  32px; border-radius: 8px; margin-top: 2px;}

.inner_section_top { padding:  0; margin: 97px 0 0 0; position: relative; z-index:  2; height: 420px; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.hand_tools { padding: 100px 97px 50px 97px; text-align: center;}
.hand_tools .row { margin-left: -50px; margin-right: -50px; position: relative;}
.hand_tools .row  [class*="col-"] { position:relative; padding-left: 50px; padding-right: 50px; padding-bottom: 20px; }
.hand_tools .singlepic a { display: block; color: #1A1818;}
.hand_tools h1 { text-align: right; margin-bottom: 20px;}
.hand_tools h2 { font-size: 24px; line-height:  32px; color: #1A1818; margin-bottom: 0px; padding-top: 4px; padding:10px 30px; position: relative; border-top: solid 1px #1A1818; }
.hand_tools h2:after{ content: ""; position: absolute; left:  0; top:  50%; margin-top: -15px; width: 27px; height: 30px;background: url("../images/plus.svg") no-repeat left center; }
.hand_tools img { width: 100%; padding-bottom: 6px;}

.hand_tools.singsongs .singlepic, .singlepic { font-size: 24px; font-weight: 700;}
.singlepic a { display: block; color: #1A1818; position: relative;}
.singlepic h2 {font-size: 18px;line-height:  22px; border-top: 0;  text-align: right; padding:10px 0 10px 30px; position: relative; margin-bottom: 0px; }
.singlepic h2:after{ content: ""; position: absolute; left:  0; top:  50%; margin-top: -15px; width: 27px; height: 30px;background: url("../images/plus.svg") no-repeat left center;background-size: 19px auto; }
.singsong_img { width: 100%; position: relative; padding-top: 80%; display: block; overflow: hidden;}
.singsong_img img { max-width: 100%; max-height: 100%; width: auto; padding-bottom: 0px; position: absolute; left:  50%; top: 50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.singlepic h2 + div { position: relative; padding-left: 80px; min-height: 36px;}
.singlepic p { margin-bottom: 0px; padding-left: 80px; text-align: right; padding-top: 8px;}
.singlepic i {opacity:0.5;width: 14px;height: 14px;background: #D7001D;border: 1px solid #707070; border-radius: 50%; display: inline-block; position: absolute; left: 48px; top:  14px;}
.singlepic h2 + div i:nth-child(2) { left: 32px;}
.singlepic h2 + div i:nth-child(3) { left: 16px;}
.singlepic h2 + div i:nth-child(4) { left: 0px; }
.singlepic i.full {opacity: 1;}

.singsong_details { padding-top: 100px; }
.singsong_details h1 { margin-bottom: 40px;}
.product_left { width: 50%; float:  left; text-align: center}
.product_left .carousel-item img { max-width: 100%;}
.product_left .carousel { padding-bottom: 200px;}
.product_left .carousel-indicators { margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding:  2px; height: 200px;   
  overflow-x: auto;
  overflow-y: hidden; scroll-behavior: smooth;   white-space:nowrap ; text-align: right; display: flex;justify-content: right; -ms-overflow-style: none;  /* IE and Edge */  scrollbar-width: none;  /* Firefox */ }
.product_left .carousel-indicators::-webkit-scrollbar {display: none;}
.paddle {
  position: absolute;
bottom:  90px;
  width: 30px;
  height:30px; z-index:  5; border:  0;
}
.lefty {
  left: -20px; background: url("../images/prev.svg") no-repeat center center; background-size: 15px auto;
}
.righty{
  right: -20px;background: url("../images/next.svg") no-repeat center center; background-size: 15px auto;
}
.product_left .carousel-indicators [data-bs-target] { width: 190px; height: auto; padding: 0; margin: 0 2px;text-indent: 0px; border: 0; transition: opacity 0.6s ease;flex: initial; display: inline-block;box-sizing: inherit; float:  right;}
.product_left .carousel-indicators img { width: 190px; height:  auto;}

.product_right { width: 50%; float:  right; font-size: 20px; line-height:  23px;}
.product_right h2 { font-size: 24px; line-height: 32px; margin-bottom: 4px; padding-top:  20px;}
.product_right p a {font-size: 24px; line-height: 32px; color: #1A1818; padding-left: 30px; background: url("../images/arrow2.svg") no-repeat left 13px; font-weight: 700;}
.product_right .dropdown-toggle { font-size: 20px; line-height:  32px;color: #1A1818; background: none; border:  0; position: relative; padding-left: 30px; }
.product_right .dropdown-toggle:after {display:none!important;border: 0; background: url("../images/darrow.svg") no-repeat center 15px; width:  20px; height:  32px; position: absolute; left:  0; top:  0;}
.product_right .btn-group { border-radius: 0; display: block;}
.product_right .dropdown-menu {left: -280px !important; width: 390px; border:  0;box-shadow: 0px 3px 6px #00000029; background: #F2F2F2; min-height: 192px; border-radius:  0px; padding: 10px;}
.product_right .dropdown-menu label { display: block;  position: relative; float:  right; width: 100%; padding:  2px 20px 2px 0;}
.product_right .dropdown-menu label i { line-height: 30px; float:  right; width:  20%; text-align: center; font-style: normal; font-size: 18px;}
.product_right .dropdown-menu label:nth-child(1) i:nth-child(1) { font-weight: 700; text-align: right;}
.product_right .dropdown-menu label i:nth-child(1) {  text-align: right;}
.product_right .dropdown-menu label:before { content: ""; position: absolute; height: 1px; background: #707070; left:  0; right:  20px; top:  0;}
.product_right .dropdown-menu label:nth-child(1):before { display: none;}
.product_right .dropdown-menu.active { position: relative; display: block; left: auto !important; min-height: auto; width: 75%; margin-left: 25%; float:  right; z-index:  1; margin-bottom: 30px;}
.product_right label input[type="radio"]{display:none}
.product_right label input[type="radio"] + span{width:14px;height:14px;cursor:pointer; position:absolute; right: 0; top: 50%; margin-top: -7px; background: #fff; border: solid 1px #000; border-radius: 50%; }
.product_right label input[type="radio"]:checked + span{background: #D7001D; border: solid 1px #D7001D;}

.product_right ul {display: flex;flex-wrap: wrap; padding:  0 0 40px 0; margin: 0; list-style: none; }
.product_right ul li {flex: 0 0 auto;width: 100%; max-width: 102px; text-align: center; line-height: 40px; color: #fff; font-size: 20px;}
.product_right ul li a { background: #1A1818; border-bottom:  solid 7px #fff;border-top:  solid 7px #fff; display: block; color: #fff; position: relative;}
.product_right ul li a.active {background: #D7001D; border-bottom:  solid 7px #D7001D;border-top:  solid 7px #D7001D; font-weight: 700;}
.product_right ul li a:before { content: ""; width: 1px; position: absolute; top:  0px; bottom:  0px; left:  0; background: rgba(255, 255, 255, 0.5);}
.product_right ul li a.active:before { display: none;}

.gmap { padding-bottom: 100px;}
.gmap h2 { text-align: center;}
.gvideo h2 { font-size: 40px; padding-top: 100px;}
.singsong_slider { padding: 50px 0  100px 0;}
.shade1{ background: rgba(255, 255, 255, 0.7); position: absolute; width: 20%; left:  0; top:  0; bottom:  0; z-index: 1; pointer-events: none;}
.shade2{background: rgba(255, 255, 255, 0.7); position: absolute; width: 20%; right:  0; top:  0; bottom:  0; z-index: 1;pointer-events: none;}


.contactus { position: relative; padding: 100px 0px 50px 0px; font-size:  16px; line-height:  22px;  color: #1A1818; }
.contactus:after { content: ""; width: 344px; height: 670px; position: absolute; z-index:  -1; right: 0; top:  50%; margin-top: -335px; background: url("../images/circle.svg") no-repeat left center; background-size: auto 100%;}
.contactus .container { max-width: 800px;}
.contactus a { color: #1A1818;}
.contactus .row  [class*="col-"] { padding-bottom: 30px;}

.contactus .contact_form .form-group { position:relative; width: 50%; float: right; margin-bottom: 16px; padding-left: 15px;}
.contactus .contact_form .form-group:nth-child(even) { padding-left: 0px; padding-right: 15px;}
.contactus .contact_form .form-group.full, .contactus .contact_form .form-group.submit { width: 100%; padding: 0px!important;}
.contactus .contact_form .form-control { border: solid 1px #000; color: #000; text-align: right; }
.contactus .contact_form .form-control:focus { border: solid 1px #000; }
.contactus .contact_form .form-control.textarea { height:  135px; line-height: 20px; padding:  0 8px;}

.contactus .contact_form .form-group:nth-child(even)  label{ right: 23px;  }
.contactus .contact_form .form-group:nth-child(even) .form-control:focus + label, .contactus .contact_form .form-group:nth-child(even) .form-control:not(:placeholder-shown) + label {right: 23px; }

.marketing { position: relative; padding: 100px 0px 50px 0px; }
.marketing:after { content: ""; width: 600px; height: 800px; position: absolute; z-index:  -1; right: 0; top:  150px; background: url("/media/2024/05/about.jpg") no-repeat left top; }
.marketing .container { max-width: 960px;}
.marketing h1 { margin-bottom: 70px;}
.marketing_repeat { width: 100%; float:  right; padding-right: 105px; position: relative; padding-bottom: 70px;}
.marketing_repeat h2 { font-size: 55px; line-height:  55px; margin-bottom: 5px;}
.marketing_repeat img { position: absolute; right:  0; top:  0; max-width: 90px;}

.articles {  padding: 100px 0px 100px 0px;}
.articles h1 { margin-bottom: 70px;}
.articles .container { max-width: 1070px;}
.articles.details .container { max-width: 1180px;}
.articles .container.video { padding-top: 40px;}
.article_repeat { display: flex;flex-wrap: wrap; border-bottom: solid 1px #707070; padding: 15px 0;align-items: flex-end !important; position: relative;}
a .article_repeat  { color: #1A1818;}
.article_img {flex: 0 0 auto; width: 40%; max-width: 100%;}
.articles img { width: 100%; height:  auto;}
.article_text { flex: 0 0 auto; width: 60%; max-width: 100%;  padding-right: 32px;}
.article_text h2 { font-size: 24px; line-height:  35px; margin-bottom: 12px; padding-left: 30px; background: url("../images/plus.svg") no-repeat left 4px;}
/*.article_text h2 a {color: #1A1818;}*/
.article_text p { padding-left: 70px;}
.articles .row  [class*="col-"] blockquote { width: 100%; display: none;}
.articles .row  [class*="col-"] blockquote:nth-child(1) { display: block; float:  left; width: 30%; margin:  0 30px 30px 0;}


.articles.instruction .container { max-width: 1380px; padding-left: 20px; padding-right: 20px;}
.articles.instruction .row {margin-left: -20px; margin-right: -20px;}
.articles.instruction .row  [class*="col-"] {padding-left: 20px; padding-right: 20px; padding-bottom: 50px;}
.articles.instruction .row  [class*="col-"]:nth-child(1) { padding-bottom: 0px;}
.articles.instruction .article_img {width: 100%; padding-bottom: 10px;}
.articles.instruction .article_text {width: 100%; padding-right: 0px;  line-height:  23px;}
.articles.instruction .article_text p { padding-left: 0px;}

.instructions_details img { float:  right; width: 30%; margin:  0 0 30px 30px;}
.articles h1 strong { font-weight: 700;}

.search_filter {position: absolute; right:  150px; top:  97px;  max-height: 520px; overflow: hidden; overflow-y: auto;width: 515px!important;}
.search_filter a { display: block; height: auto;}
.navbar .search-list {  background: #fff;box-shadow: 0px 3px 6px #00000029; padding: 0; margin:  0; list-style: none; display: none!important;color: #1A1818!important; }
.search-list.active { display: block!important;}
.search-list .singlepic { width: 100%; position: relative; display: block;border-bottom: solid 1px #1A1818; height: auto!important; padding:0!important; }
.search-list .singlepic a {padding:10px 110px 10px 10px !important; }
.search-list .singlepic p { margin-bottom: 0px;padding-left: 80px;text-align: right;padding-top: 8px;font-size: 24px;
font-weight: 700; line-height: 28px; }
.search-list .singlepic a { height: auto!important;}
.search-list .singlepic a:hover, .search-list .singlepic a:focus {color: #1A1818!important; }
.search-list .singsong_img { width: 110px; height: 100px;  padding-top:0%; display: block; overflow: hidden; position: absolute; right:  0; top:  20px;}
.search-list .singlepic.hidden { display: none;}



/* #Media Queries ================================================== */
 @media (min-width: 768px) {
	 .our_products .row:before { content: ""; background: #707070; height: 1px; position: absolute; left:  10px; right:  10px; bottom:  0;}
	 .our_products .row [class*="col-"]:before { content: ""; background: #707070; height: 1px; position: absolute; left:  0px; right:  0px; top:  0;}
	 .our_products .row [class*="col-"]:after {  content: ""; background: #707070; width: 1px; position: absolute; left:  0px; top:  0px; bottom:  0;}
	 .our_products .row [class*="col-"]:nth-child(1):before, .our_products .row [class*="col-"]:nth-child(1):after { display: none;}
	 .our_products .row [class*="col-"]:nth-child(3n+2):before { right: 10px;}
	 .our_products .row [class*="col-"]:nth-child(3n+4):before { left: 10px;}
	 .our_products .row [class*="col-"]:nth-child(3n+4):after { display: none;}
	 	 

}
/* END__ */
@media (min-width: 992px) {
	.navbar { position: absolute; left:  0; right:  0; top:  27px;  z-index: 18; padding:  0 480px 0 300px; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	.navbar ul { display: block;  float: right; width: 100%; padding: 0; margin: 0; list-style:none;  z-index: 5; text-align: center;}
	.navbar ul  li { margin: 0; padding: 0 10px 0 0; list-style:none; display:inline-block; height: 70px; position: relative; }
	.navbar ul  li a { padding:0 30px 0 20px; font-size: 18px; line-height: 70px; color: #1A1818; font-weight: 400; display: block; position:relative; border: 0; text-transform:uppercase; }
	.navbar ul li:focus > a, .navbar li:hover > a, .navbar li > a:focus, .navbar li > a:hover, .navbar li.active > a{ color:#fff !important; text-decoration:none; border: 0;}
	.navbar  [role="menuitem"]:hover>a{ color:black!important }
	.navbar li.active > a{ color:#1A1818; text-decoration:none;border: 0;}
	.navbar ul li:focus > a.has_sub:after, .navbar li:hover > a.has_sub:after, .navbar li > a.has_sub:focus:after, .navbar li > a.has_sub:hover:after, .navbar li.active > a.has_sub:after {color:#fff;}
	.navbar li > a.has_sub:before { content: ""; width:	 12px; height: 12px; background: url("../images/arrow.svg") no-repeat center center; position: absolute; left:  0; top: 50%; margin-top: -6px; }
	
	.navbar ul li ul{background: rgba(26, 24, 24, 0.8)  ; padding:  0; margin:0; width: 1248px;  position:absolute;left: 50%; margin-left: -700px; top:100%; z-index: 9999; list-style:none; display: block; visibility:hidden; max-height: 0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; overflow: hidden;text-align: right; font-size: 0px;}
	.navbar ul li ul li{ text-align: right; width:162px; float:  right; list-style:none; padding: 0; margin: 0; height: auto;border-bottom: 0; display: inline-block;   }
	.navbar ul li ul li	 { padding-top: 40px;}
	.navbar ul li ul li a{display:block;  color:#fff;  border: 0; padding: 0 35px 0 0;line-height: 30px;font-weight: 700;font-size: 14px; }
	.navbar ul li ul li a:hover, .navbar ul li ul li a.active{text-decoration:underline; color:#fff !important;}
	.navbar ul li ul li:before { display: none;}
	.navbar ul li:hover ul, .navbar ul li:focus-within > ul, .navbar ul li a.has_sub.show + ul{display:block; visibility:visible; max-height: 732px!important;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; overflow: hidden;}
	
	.navbar li > a.has_sub.small + ul { width: 250px; left:  auto; right:0; margin-left: auto; }
	.navbar li > a.has_sub.small + ul li { padding-top: 0px;}
	.navbar li > a.has_sub.small + ul li a { line-height: 40px;}
	.navbar li > a.has_sub.small + ul li a:hover { color: #D7001D !important;font-weight: 600;}
	.navbar li > a.has_sub.small + ul li:nth-child(1) { padding-top: 10px;}
	.navbar li > a.has_sub.small + ul li:nth-last-child(1) { padding-bottom: 10px;}
	
	.navbar ul li:nth-child(3) a.has_sub + ul { z-index: -2;}
	.navbar ul li ul li ul {background: rgba(26, 24, 24, 0); padding: 0 0 30px 0;  display: block; width: 100%; float:  right; position: relative; left:  auto; margin-left: auto; visibility: visible; max-height: auto;}	
	.navbar ul li ul li ul li { padding-top: 0px;}
	.navbar ul li ul li ul li:nth-child(1){ border-top:  solid 1px rgba(112, 112, 112, 0.8)}
	.navbar ul li ul li ul li a { font-weight: 400;}
	.navbar ul li ul li ul li a:hover { color: #D7001D !important; font-weight: 600;}
	.navbar ul li ul img { position: absolute; left:  0; top:  0;  max-width: 226px;}

}
/* END__ */
@media (min-width: 1600px) and (max-width: 1750px) {	
	.executive_import ul li img { max-height: 98px;}
	.footer_top {font-size: 14px;}
	.footer_top ul {  width: 105px;}
	.footer_top ul li ul { width: 105px;}
	.footer_top ul li ul li {  width: 105px;}
	.footer_top ul + ul { width:630px; }
	.footer_top ul + ul + ul { width: 105px;}

}
 @media (min-width: 1400px) and (max-width: 1599px) {
	 .navbar {padding: 0 400px 0 280px;}
	 .header_right { width: 400px;}
	 .language { right: 20px;}
	 .cart { right: 80px;}
	 .search {width: 250px;}
	 .navbar ul li ul { width: 1100px; margin-left:-600px;}
	 .navbar ul li ul li { width: 140px;}
	 .navbar ul li ul li a { padding: 0 25px 0 0;}	 	 
	 .executive_import ul li img { max-height: 80px;}
	 .business_recomend .col-lg-4 { width: 40%;}
	 .footer {padding: 50px 54px  20px 54px ;}
	 
	 .hand_tools { padding: 100px 54px 50px 54px;}
	 .hand_tools .row { margin-left: -30px; margin-right: -30px;}
	 .hand_tools .row  [class*="col-"] { padding-left: 30px; padding-right: 30px; padding-bottom: 50px; }
	 .hand_tools h2 { font-size: 20px; line-height:  26px;}
	 .hand_tools h2:after, .singlepic h2:after { background-size: 22px auto;}
	 .singsong_img { padding-top: 100%;}
	 
	 .footer_top {font-size: 14px;}
	 .footer_top ul {  width: 90px;}
	 .footer_top ul li ul { width: 90px;}
	 .footer_top ul li ul li {  width: 110px;}
	 .footer_top ul + ul { width:660px; }
	 .footer_top ul + ul + ul { width: 90px;}
 }
/* END__ */
 @media (min-width: 1200px) and (max-width: 1399px) {
	 h1, h2, h3, h4, h5, h6 {font-size: 55px;line-height: 60px; margin-bottom: 20px;}	 
	 .navbar {padding: 0 400px 0 280px;}
	 .header_right { width: 400px;}
	 .language { right: 20px;}
	 .cart { right: 80px;}
	 .search {width: 250px;}
	 .navbar ul li ul { width: 1000px; margin-left:-550px;}
	 .navbar ul li ul li { width: 130px;}
	 .navbar ul li ul li a { padding: 0 20px 0 0;}	 
	 .our_products { padding-left: 35px; padding-right: 35px; margin-top: 50px; padding-bottom: 50px;}
	 .our_products .row [class*="col-"]:nth-child(1) {padding-top: 30px; padding-bottom: 10px;}
	 .product_wrap h2 {font-size: 22px;}
	 .product_wrap h2:after { background-size: 20px auto;}
	 .home_map {padding: 60px 35px 0 35px;}
	 .executive_import {padding: 70px 35px;}
	 .executive_import ul li img { max-height: 70px;}
	 .business_recomend {padding: 50px 35px 80px 35px;}
	 .business_recomend .col-lg-4 { width: 45%;}
	 
	 .footer {padding: 50px 35px  20px 35px ;}
	 .footer .row [class*="col-"] {padding-left: 300px;}
	 .footer .contact_form { width: 260px;}
	 .footer_bottom {padding-right: 610px;}
	 
	 .hand_tools { padding: 70px 35px 20px 35px;}
	 .hand_tools .row { margin-left: -20px; margin-right: -20px;}
	 .hand_tools .row  [class*="col-"] { padding-left: 20px; padding-right: 20px; padding-bottom: 50px; }
	 .hand_tools h1 { margin-bottom: 0px;}
	 .hand_tools h2, .singlepic { font-size: 20px; line-height:  26px;}
	 .hand_tools h2:after, .singlepic h2:after { background-size: 20px auto;}
	 .singsong_img { padding-top: 100%;}
	 
	 .articles.instruction .container { padding-left: 25px; padding-right: 25px;}
	 .shade1{ width: 100px; }
	 .shade2{width: 100px; }
	 .search_filter { width: 450px!important;}
	 
	 .footer_top {font-size: 14px;}
	 .footer_top ul {  width: 70px;}
	 .footer_top ul li ul { width: 70px;}
	 .footer_top ul li ul li {  width: 100px;}
	 .footer_top ul + ul { width:600px; }
	 .footer_top ul + ul + ul { width: 70px;}	 
}
/* END__ */
 @media (min-width: 992px) and (max-width: 1199px) {
	 h1, h2, h3, h4, h5, h6 {font-size: 50px;line-height: 60px; margin-bottom: 20px;}
	 .header { height: 83px;}
	 .logo { left: 20px;top: 16px; }
	 .logo img { width: 180px;}
	 .navbar {padding: 0 300px 0 210px; top: 12px}	 
	 .header_right { width: 300px;height: 54px; top: -8px;}
	 .language { right: 10px; top: 10px;}
	 .cart { right: 60px; top:  10px;}
	 .search {width: 190px;top:  10px;}
	 .navbar ul li ul { width: 990px; margin-left:-510px;}
	 .navbar ul li ul li { width: 124px;}
	 .navbar ul li ul li a { padding: 0 20px 0 0;}	
	 .home_title { font-size: 18px; line-height: 23px;width: 700px; margin-left: -350px;}
	 .home_title div:nth-child(1) { width: 270px;font-size: 90px;line-height: 78px;}
	 .home_title div:nth-child(2) { width: 400px; padding: 30px;}
	 
	 .our_products { padding-left: 25px; padding-right: 25px; margin-top: 50px; padding-bottom: 50px;}
	 .our_products .row [class*="col-"]:nth-child(1) {padding-top: 30px; padding-bottom: 10px;}
	 .product_wrap h2 {font-size: 22px;}
	 .product_wrap h2:after { background-size: 20px auto;}
	 .home_map {padding: 60px 25px 0 25px;}
	 #map , .home_map iframe{ height: 450px;}
	 .executive_import {padding: 70px 25px;}
	 .executive_import ul li img { max-height: 55px;}
	 .business_recomend {padding: 50px 25px 80px 25px;}
	 .business_recomend::before { left: 25px; right: 25px;}
	 .business_recomend .col-lg-4 { width: 50%;}
	 
	 .footer {padding: 50px 25px  20px 25px ;}
	 .footer .row [class*="col-"] {padding-left: 250px;}
	 .footer .contact_form { width: 210px;}
	 .footer_top{font-size: 14px;}

	 .footer_bottom {padding-right: 520px;}
	 
	 .inner_section_top {margin: 83px 0 0 0;}
	 .hand_tools { padding: 50px 25px 20px 25px;}
	 .hand_tools .row { margin-left: -15px; margin-right: -15px;}
	 .hand_tools .row  [class*="col-"] { padding-left: 15px; padding-right: 15px; padding-bottom: 40px; }
	 .hand_tools h1 { margin-bottom: 0px;}
	 .hand_tools h2 { font-size: 20px; line-height:  26px;}
	 .hand_tools h2:after, .singlepic h2:after { background-size: 20px auto;}
	 .hand_tools.singsongs {font-size: 20px;}
	 .singsong_img { padding-top: 100%;}
	 .singlepic { font-size: 20px;}
	 .singlepic h2 {font-size: 20px;}
	 .shade1{ width: 100px; }
	 .shade2{width: 100px; }
	 
	 .articles .container { padding-left: 25px; padding-right: 25px;}
	 .articles.instruction .container { padding-left: 25px; padding-right: 25px;}
	 .articles.instruction .row {margin-left: -12px; margin-right: -12px;}
	 .articles.instruction .row  [class*="col-"] {padding-left: 12px; padding-right: 12px; padding-bottom: 50px;}
	 .articles.instruction .row  [class*="col-"]:nth-child(1) { padding-bottom: 0px;}
	 
	 .product_left .carousel { padding-bottom: 150px;}
	 .product_left .carousel-indicators { height: 140px;}
	 .product_left .carousel-indicators [data-bs-target] { width: 150px; height: auto; }
	 .product_left .carousel-indicators img { width: 150px; height:  auto;}
	 .paddle {bottom:  60px;}
	 .search_filter { width: 400px!important; top: 80px;}
	 .search-list .singlepic p { font-size: 20px;}
	 .product_right .dropdown-menu.active { width: 90%; margin-left: 10%;}
	 
	 .footer_top {font-size: 12px;}
	 .footer_top ul {  width: 60px;}
	 .footer_top ul li ul { width: 60px;}
	 .footer_top ul li ul li {  width: 83px;}
	 .footer_top ul + ul { width:498px; }
	 .footer_top ul + ul + ul { width: 60px;}	 

}
/* END__ */
 @media (min-width: 768px) and (max-width: 991px) {
	 body { font-size: 16px; line-height:  22px;}
	 h1, h2, h3, h4, h5, h6 {font-size: 40px;line-height: 50px; margin-bottom: 20px;}
	 .header { height: 83px;}
	 .logo { left: 20px;top: 16px; }
	 .logo img { width: 180px;} 
	 .navbar-toggler { display: block; top: 24px;}
	 .home_title { font-size: 18px; line-height: 23px;width: 650px; margin-left: -325px;}
	 .home_title div:nth-child(1) { width: 250px;font-size: 90px;line-height: 78px;}
	 .home_title div:nth-child(2) { width: 400px; padding: 30px;}
	 
	 .our_products { padding-left: 25px; padding-right: 25px; margin-top: 50px; padding-bottom: 50px;}
	 .our_products .row [class*="col-"]:nth-child(1) {padding-top: 30px; padding-bottom: 10px;}
	 .product_wrap h2 {font-size: 22px;}
	 .product_wrap h2:after { background-size: 16px auto;}
	 .home_map {padding: 60px 25px 0 25px;}
	 #map, .home_map iframe { height: 350px;}
	 .executive_import {padding: 50px 25px;}
	 .executive_import ul li img { max-height: 38px;}
	 .business_recomend {padding: 30px 25px 80px 25px;}
	 .business_recomend::before { left: 25px; right: 25px;}
	 .business_recomend .col-lg-4 { width: 50%;}
	 .business_recomend .splide__slide img { width: 340px;right: 50%; margin-right: -360px; }
	 
	 .footer {padding: 30px 25px  15px 25px ;}
	 .footer .container { padding-left: 0px; padding-right: 0px;}
	 .footer .row [class*="col-"] {padding-left: 13px;}	 
	 .footer .contact_form { width: 100%; position: relative; float:  left; left: auto;  top:  auto; padding-bottom:20px; }
	 .contact_form input[type="submit"] { width: 100%;}
	 .footer_top{font-size: 14px;}

	 .footer_bottom {padding-right: 0px; font-weight: 400;}
	 .address { display: block; width: 100%; float:  right;}
	 .social { bottom: auto; top:  20px;}
	 
	 .inner_section_top {margin: 83px 0 0 0;height: 350px;}
	 .hand_tools { padding: 50px 25px 20px 25px;}
	 .hand_tools .row { margin-left: -15px; margin-right: -15px;}
	 .hand_tools .row  [class*="col-"] { padding-left: 15px; padding-right: 15px; padding-bottom: 40px; }
	 .hand_tools h1 { margin-bottom: 0px;}
	 .hand_tools h2 { font-size: 20px; line-height:  26px;}
	 .hand_tools h2:after, .singlepic h2:after { background-size: 20px auto;}
	 
	 .hand_tools.singsongs {font-size: 20px;}
	 .singsong_img { padding-top: 100%;}
	 .singlepic, .singlepic h2 {font-size: 20px;}
	 
	 .singsong_details { padding: 80px 25px 0 25px;}
	 
	 .contactus { padding: 80px 0px 50px 0px;}
	 .contactus:after { display: none;}
	 .contactus .container { padding-left: 25px; padding-right: 25px;}
	 
	 .marketing {padding: 80px 0px 300px 0px;}
	 .marketing h1 {margin-bottom: 50px;}
	 .marketing:after { top:auto; bottom:  0; width: 400px; height: 430px; background-size: 600px auto;}
	 .marketing .container { padding-left: 25px; padding-right: 25px;}
	 .marketing_repeat h2 { font-size: 45px; line-height:  45px;}
	 
	 .articles { padding:80px 0  80px 0;}
	 .articles h1 { margin-bottom: 50px;}
	 .articles .container { padding-left: 25px; padding-right: 25px;}
	 .article_text p { padding-left: 0px;}	 
	 .articles .row  [class*="col-"] blockquote:nth-child(1) { width: 40%;}
	 
	 .articles.instruction .container { padding-left: 25px; padding-right: 25px;}
	 .articles.instruction .row {margin-left: -12px; margin-right: -12px;}
	 .articles.instruction .row  [class*="col-"] {padding-left: 12px; padding-right: 12px; padding-bottom: 50px;}
	 .articles.instruction .row  [class*="col-"]:nth-child(1) { padding-bottom: 0px;}
	 
	 .instructions_details img {width: 40%;}
	 .shade1{ width: 100px; }
	 .shade2{width: 100px; }
	 
	 .singsong_details h1 {margin-bottom: 20px; text-align: center;}
	 .gvideo h2 {text-align: center;}
	 .product_left { width: 100%;}
	 .product_right { width: 100%; padding-top: 30px;padding-bottom: 40px;}
	 .product_left .carousel { padding-bottom: 150px;}
	 .product_left .carousel-indicators { height: 140px;}
	 .product_left .carousel-indicators [data-bs-target] { width: 140px; height: auto; }
	 .product_left .carousel-indicators img { width: 140px; height:  auto;}
	 .paddle {bottom:  60px;}
	 .search-list .singlepic p { font-size: 20px;}
	 .product_right .dropdown-menu.active { width: 60%; margin-left: 40%;}
	 
	 .footer_top {font-size: 12px;}
	 .footer_top ul {  width: 12%;}
	 .footer_top ul li ul { width: 12%;}
	 .footer_top ul li ul li {  width: 100%;}
	 .footer_top ul + ul { width:64%; }
	 .footer_top ul + ul + ul { width: 12%;}		
	 .footer_top ul + ul + ul li { width: 100%;}
	 .footer_top ul + ul li ul { width: 100%; float:  right;}
	 .footer_top ul + ul li ul li { width: 16.66%;}
	 .footer_top ul + ul + ul li a.has_sub.small + ul li  { width: 100%;}
	 
	
}
/* END__ */

 @media only screen and (max-width:  991px) {
	.navbar { position: absolute; right: 0; top: 0px; left: 0; width: 100%; padding:0; display: block; z-index:  18; border: 0; }
	.navbar .navbar-collapse { position:fixed; left: 0; right: 0; top: 0px; height:0!important; transition: height 0.3s; z-index: 9; overflow-y: auto ; border: 0;} 
	.navbar .navbar-collapse.show {height:calc(100vh - 0px) !important;max-height: none; transition: height 0.3s;}

	.navbar ul { display: block;position: relative; width: 100%; padding: 50px 0 0 0; margin: 0;list-style: none;  float: right; background: #1A1818; border: 0; z-index:  5; }
	.navbar ul li {width: 100%; float: right; padding: 0; position:relative; border-top: solid 1px #707070;}
	.navbar ul li:nth-last-child(1) { padding-bottom: 0px; display: block;}
	.navbar ul li a { width: 100%; float: right; color: #fff; font-size: 24px; line-height: 50px;  z-index: 9; padding: 5px 40px 5px 20px; background: #1A1818; font-weight: 500;border: 0;}
	.navbar ul li:focus > a, .navbar ul li:hover > a, .navbar ul li > a:focus, .navbar ul li > a:hover, .navbar ul li > a.active, .navbar ul li.active > a{ color:#fff !important; text-decoration:none; border:0;}
	.navbar ul  li a:hover{ border:0;}
	.navbar ul  li a.has_sub.active:hover {color:#fff !important;border:0; }


	.navbar ul li a.has_sub + ul{ margin-left: auto; display: block; padding:  0 60px; max-height: 0px !important; min-width: 100%; visibility: inherit; position:relative; left: auto; right: auto; top: auto; width: 100%; float: right; z-index: 5; overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;border: 0!important;;box-shadow: none !important;}

	.navbar ul li a.has_sub.active + ul {border: 0!important;box-shadow: none !important; max-height: 1400px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease; }
	.navbar ul li a.has_sub + ul li{line-height:40px; text-align: right; border-right: none; width:100%; list-style:none; padding: 0; }
	 .navbar ul li a.has_sub + ul li:nth-child(1) { border: 0;}

	.navbar ul li a.has_sub + ul li a{display:block;color: #fff; font-size: 18px; line-height: 40px; font-weight: 400; background:none; width: 100%; padding:  0;  }
	.navbar ul li a.has_sub + ul li a:hover{text-decoration:none; color:#fff !important; background:none; width: 100%;}

	.navbar ul li a.has_sub:after {  content: ""; display: inline-block;transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; width:  50px; height:  10px; background: url("../images/arrow.svg") no-repeat center center; background-size: 16px auto; margin-left: 8px;}
	 .navbar ul li a.has_sub.active:after{ transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	 
	 .navbar ul li a.has_sub + ul li ul { padding-top: 0px;}
	 .navbar ul li a.has_sub + ul li a.has_sub_sub + ul{ margin-left: auto; display: block; padding:  0; max-height: 0px !important; min-width: 100%; visibility: inherit; position:relative; left: auto; right: auto; top: auto; width: 100%; float: right; z-index: 5; overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;border: 0;;box-shadow: none !important;border-top: solid 1px rgba(112, 112, 112, 0);}

	.navbar ul li a.has_sub + ul li a.has_sub_sub.active + ul {border: 0;box-shadow: none !important; max-height: 1400px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease; padding:  0; border-top: solid 1px rgba(112, 112, 112, 1);}
	 .navbar ul li a.has_sub + ul li a.has_sub_sub + ul li { border:  0;}
	 .navbar ul li a.has_sub + ul li a.has_sub_sub + ul li a { line-height: 35px;}
	 	 
	 
	 .navbar ul li a.has_sub + ul li a.has_sub_sub:after {  content: ""; display: inline-block;transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; width:  12px; height:  12px; background: url("../images/arrow.svg") no-repeat center center; background-size: 16px auto; position: absolute; left:  0; top:  14px; }
	 .navbar ul li a.has_sub + ul li a.has_sub_sub.active:after{ transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	 
	 
	 .navbar img { display: none;}
	 
	 .header_right {background: #1A1818; margin-top: 73px; position: relative; width: 100%; height: 54px; border-bottom: 0; right: auto;top: auto; padding-left: 80px; }
	 .header_right:after { content:""; height: 1px; background: #fff; right:  0; bottom:  0; left:  80px; position: absolute;}
	 .cart { display: none;}
	 .language { right: 15px;top: 10px;}
	 .search { left: 80px; width: auto; right: 75px; top: 10px;}
	 
	 .contactus { padding: 70px 0px 20px 0px;}
	 .contactus .container { padding-left: 25px; padding-right: 25px;}
	 
	 .search_filter {width: 400px!important; top: 57px; position: absolute!important; padding: 0!important; right: 0; }
	 .navbar .search-list { background: #fff; right:  0;padding: 0!important; top:  0}
	 .search-list li { background: #fff!important; border-top: 0!important;}
	 .search-list li a { background: #fff!important;}
	 .search-list .singsong_img img { display: block !important;}
	 
	 
 
	
}
/* END__ */
 @media only screen and (max-width: 767px) {
	 body { font-size: 18px; line-height:  22px;}
	 h1, h2, h3, h4, h5, h6 {font-size: 50px;line-height: 70px; margin-bottom: 20px; text-align: center;}
	 .header { height: 78px;}
	 .logo { left: 17px;top: 16px; }
	 .logo img { width: 150px;} 	
	 .navbar-toggler { display: block; top: 25px;}
	 .home_section_top { height: 700px ; }
	 .home_section_top .carousel, .home_section_top .carousel-inner, .home_section_top .carousel-item {height: 700px; }
	 .home_title { font-size: 18px; line-height: 22px;width: 400px; margin-left: -200px; top:  auto;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%); bottom:  30px;}
	 .home_title div:nth-child(1) { width: 100%;font-size: 90px;line-height: 78px; text-align: center; padding:  0 50px 40px 50px;text-shadow: 0px 3px 6px #000000C7;}
	 .home_title div:nth-child(2) { width: 100%; padding: 30px 30px 20px 30px;}
	 .home_title div:nth-child(2) p:nth-child(1) { font-size: 24px;}
	 .home_title div:nth-child(2) p:nth-child(2) {height: 90px; overflow: hidden;}
	 .home_section_top .carousel-indicators { display: none;}
	 
	 .our_products { padding-left: 25px; padding-right: 25px; margin-top: 30px; padding-bottom: 30px;}
	 .our_products .row [class*="col-"]:nth-child(1) {padding-top: 30px; padding-bottom: 10px;}
	 .product_wrap h2 {font-size: 24px; text-align:  right; padding-bottom: 6px;}
	 .product_wrap h2:after { background-size: 27px auto;}
	 .home_map {padding: 60px 0px 0 0px;}
	 .home_map .row { margin-left: 0px; margin-right: 0px;}
	 .home_map .row  [class*="col-"] { padding-left: 0px; padding-right: 0px; }
	 #map, .home_map iframe { height: 350px;}
	 .executive_import {padding: 50px 25px;}
	 .executive_import ul li img { max-height: 60px;}
	 .business_recomend {padding: 30px 25px 80px 25px;}
	 .business_recomend::before { left: 25px; right: 25px;}
	 .business_recomend .col-lg-4 { width: 100%;}
	 .business_recomend .row [class*="col-"]:nth-child(1) { text-align: center;}
	 .business_recomend .row [class*="col-"]:nth-child(1) img { max-width: 100%}
	 .business_recomend .splide__pagination { text-align: center; -ms-flex-align: center;align-items: center;
display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: center;justify-content: center; padding-right: 0%;}
	 .business_recomend .splide__pagination li { float: none !important; margin: 0 4px; display: inline-block;}
	 .home_bottom img:nth-child(2) { width: 100%; height: auto; position: relative; right: auto; top: auto; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); padding-top: 10px;}
	 .business_recomend .splide__slide { padding-right: 0%; text-align: center;}
	 .business_recomend h2 { text-align: center;}
	 
	 .business_recomend .splide__slide img { max-width: 100%; right: auto; margin-right: auto; position: relative; }
	 
	 .footer {padding: 30px 25px  15px 25px ;}
	 .footer .container { padding-left: 0px; padding-right: 0px;}
	 .footer .row [class*="col-"] {padding-left: 13px;}
	 .footer h3 { text-align: right;}
	 .footer .contact_form { width: 100%; position: relative; float:  left; left: auto;  top:  auto; padding-bottom:20px; }
	 .contact_form input[type="submit"] { width: 100%;}
	 .footer_top{font-size: 18px; line-height: 24px;}
	 .footer_top ul {  width: 20%;}
	 .footer_top ul li ul { width: 20%;}
	 .footer_top ul li ul li {  width: 100%;}
	 .footer_top ul + ul { width:80%; }
	 .footer_top ul + ul + ul { width: 20%; margin-top: 30px;}
	 .footer_top ul + ul + ul + ul { width: 80%;margin-top: 30px;}
	 .footer_top ul + ul + ul li { width: 100%;}
	 .footer_top ul li ul li ul li { padding-bottom: 2px; }
	 .footer_top ul + ul li ul { width: 100%; float:  right;}
	 .footer_top ul + ul li ul li { width: 33.33%; padding-bottom: 20px;}
	 .footer_top ul + ul + ul li a.has_sub.small + ul li  { width: 100%; padding-bottom: 2px;}	 

	 .footer_bottom {padding-right: 0px; font-weight: 400; border:  0; padding-top: 0px;}
	 .footer_top ul + ul:after {content: "";position: absolute;left: 0;right: 0;top: 36px;height: 1px;background: rgba(112, 112, 112, 0.8);}
	 .footer_top ul li ul:after { display: none;}
	 .address { display: block; width: 100%; float:  right;}
	 .social { bottom: auto; top:  20px;}
	 
	 .inner_section_top {margin: 0; height: 352px;}
	 .hand_tools { padding: 80px 25px 20px 25px;}
	 .hand_tools .row { margin-left: -15px; margin-right: -15px;}
	 .hand_tools .row  [class*="col-"] { padding-left: 15px; padding-right: 15px; padding-bottom: 40px; }
	 .hand_tools h1 { margin-bottom: 0px; text-align: center;}
	 .hand_tools h2 { font-size: 24px; line-height:  32px;}
	 .hand_tools h2:after, .singlepic h2:after { background-size: 24px auto;}
	 
	 .singsong_img { width: 100%; position: relative; padding-top: 0%; display: block; overflow: hidden; text-align: center;}
     .singsong_img img { max-width: 100%; max-height: auto; width: auto; padding-bottom: 0px; position: relative; left:  auto; top: auto;-webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); transform: translate(0%, 0%);}
	 
	 .singsong_details { padding:  60px 0 0 0;}
	 .singsong_details .row { margin-left: 0px; margin-right: 0px;}
	 .singsong_details .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;  }
	 .gmap { padding-bottom: 50px;}
	 
	 .contactus:after { display: none;}
	 .contactus .contact_form .form-group { width: 100%; padding-left: 0px;}
	 .contactus .contact_form .form-group:nth-child(even) { padding-right: 0px;}
	 .contactus .contact_form .form-group:nth-child(even)  label{ right: 8px;  }
	 .contactus .contact_form .form-group:nth-child(even) .form-control:focus + label, .contactus .contact_form .form-group:nth-child(even) .form-control:not(:placeholder-shown) + label {right: 8px; }
	 
	 .marketing {padding: 60px 0px 300px 0px;}
	 .marketing h1 {margin-bottom: 50px;}
	 .marketing:after { top:auto; bottom:  0; width: 400px; height: 430px; background-size: 700px auto;}
	 .marketing .container { padding-left: 25px; padding-right: 25px;}
	 .marketing_repeat { padding-right: 0px; padding-bottom: 70px;}
	 .marketing_repeat h2 { font-size: 55px; line-height:  55px; margin-bottom: 15px; padding-right: 100px; text-align: right;}
	 .marketing_repeat img { top: -15px;}
	 
	 .articles { padding:60px 0  40px 0;}
	 .articles .container { padding-left: 25px; padding-right: 25px;}
	 .articles h1 {margin-bottom: 20px;}
	 .article_repeat { margin-bottom: 15px;}
	 .articles .row  [class*="col-"] .article_repeat:nth-last-child(1) { border-bottom: 0px;}
	 .article_text p { padding-left: 0px;}
	 .article_img { width: 100%; padding-bottom: 20px;}
	 .article_text { width: 100%; padding-right: 0px;}
	 .article_text h2 { text-align: right;}
	 .articles .row  [class*="col-"] blockquote { width: 100%; display: block;}
	 .articles .row  [class*="col-"] blockquote:nth-child(1) { display: none; }
	 
	 .articles.instruction .container { padding-left: 25px; padding-right: 25px;}
	 .articles.details .container.video { padding-left: 0px; padding-right: 0px;}
	 .articles.instruction .row {margin-left: -12px; margin-right: -12px;}
	 .articles.instruction .row  [class*="col-"] {padding-left: 12px; padding-right: 12px; padding-bottom: 0px;}
	 .articles.instruction .article_repeat {border-bottom: solid 1px #707070 !important;}
	 .articles.instruction .row  [class*="col-"]:nth-last-child(1) .article_repeat { border-bottom: 0px!important;}
	 
	 .instructions_details { padding-top: 20px;}
	 .instructions_details img { display: none;}
	 .articles h1 strong { display: block; font-size: 25px; line-height: 30px;}
	 .shade1{ width: 50px; }
	 .shade2{width: 50px; }
	 .singsong_slider { padding: 50px 0 50px 0;}
	 .gvideo h2 {padding-top: 50px;text-align: center;}
	 
	 .singsong_details h1 {margin-bottom: 20px; text-align: center;}
	 .product_left { width: 100%;}
	 .product_right { width: 100%; padding:30px 25px 40px 0;}
	 .product_right h2 { text-align: right; padding-left: 25px;}
	 .product_right ul { margin-right: -25px;}
	 .product_right p { padding-left: 25px;}
	 .product_left .carousel { padding-bottom: 140px;}
	 .product_left .carousel-indicators { height: 130px;}
	 .product_left .carousel-indicators [data-bs-target] { width: 130px; height: auto; }
	 .product_left .carousel-indicators img { width: 130px; height:  auto;}
	 .product_right .dropdown-menu.active { width: 70%; margin-left: 30%;}
	 .paddle {bottom:  40px;}
	 .lefty { left: 0px; }
.righty{right: 0px;}

}
/* END__ */
 @media only screen and (max-width: 575px) {
	 .product_right ul li {max-width: 25%;}
	 .product_right .dropdown-menu.active { width: 95%; margin-left: 5%;}
	 .footer_top{font-size: 16px; line-height: 24px;}

}
/* END__ */
 @media only screen and (max-width: 475px) {
	 .footer_top{font-size: 14px; line-height: 22px;}

}
/* END__ */
 @media only screen and (max-width: 420px) {		 
	 .home_title { font-size: 18px; line-height: 22px;width: 300px; margin-left: -150px;}
	 .home_title div:nth-child(1) { padding:  0 30px 30px 30px; font-size: 80px; line-height:  80px;}
	 .home_title div:nth-child(2) {  padding: 20px;}
	 .home_title div:nth-child(2) p:nth-child(1) { font-size: 18px;}
	 
	 .header_right { padding-left: 30px; }
	 .header_right:after { left:  30px;}
	 .search { left: 30px;}
	 .product_right ul li { font-size: 18px;}
	 .product_right .dropdown-menu {  left: -280px !important;  width: 100%;}
	 .search_filter { width: 100%!important;}
	 .footer_top{font-size: 12px; line-height: 20px;}
	 .footer_top ul {  width: 100%;}
	 .footer_top ul + ul { width:100%; }
	 
}
/* END__ */

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
}
 .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
     opacity: 0;
}
 .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}

.breadcrumb-item {
	font-weight: normal;
}
.breadcrumb-item + .breadcrumb-item::before {
	float:right;
	padding-left: var(--bs-breadcrumb-item-padding-x);
}

.footer_title {
	font-size:18px;
	font-weight: bold;
	color: white;
	line-height: 20px;
	margin-bottom: 10px;
	text-align: right;
}

.navbar li > a.top_nav_item:hover {
	color:black!important;
	text-decoration: underline;
}