/*Font*/

/*Magical*/

/*Regular*/

@font-face
{
  font-family: 'Magical_Regular';
  src: url('../font/Magical/regular.otf') format('truetype');
}

/*Magical*/

/*Satoshi*/

/*Regular*/

@font-face
{
  font-family: 'Satoshi_Regular';
  src: url('../font/Satoshi/Satoshi-Regular.otf') format('truetype');
}

/*Satoshi*/

/*Font*/

/*Common Code*/

.common_width
{
  max-width: 85vw;
  margin: 0vw auto;
}

.banner_img
{
  width: 100%;
}

.banner_cf
{
  background-image: url(../images/bg3.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.banner_col
{
  padding-left: 0vw;
  padding-right: 0vw;
}

.banner_div 
{
  padding: 7vw 0vw 5vw;
}

.banner_div1 
{
  padding: 3vw 0vw 1vw;
}

.banner_head 
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #444444;
  margin-bottom: 0vw;
}

.bread_crumb 
{
  padding: 1vw 0vw;
  list-style: none;
}

.bread_crumb li 
{
  display: inline;
  font-family: 'Satoshi_Regular';
  font-size: 1.3vw;
  color: #0A25FC;
}

.bread_crumb li+li:before 
{
  padding: 0.5vw;
  color: #444444;
  content: "/\00a0";
}

.bread_crumb li a 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.3vw;
  color: #444444;
  text-decoration: none;
}

.bread_crumb li a:hover 
{
  color: #0A25FC;
}

/*Common Code*/

/*Header*/

.header_nav_ul li .header_menu_a1
{
  padding: 0.9vw 0vw !important;
  color: #444444;
  font-size: 1vw;
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  width: fit-content;
}

.header_nav_ul li .header_menu_a1:hover
{
  color: #0A25FC !important;
}

.header_nav_ul li .header_menu_a1:after 
{    
  content: '';
  display: block;
  width: 0;
  height: 0.1vw;
  background: #0A25FC;
  transition: width .3s;
  margin: 0vw auto;
  display: block;
}

.header_nav_ul li .header_menu_a1:hover:after 
{ 
  width: 100%; 
  left: 0; 
}






.header_col1
{
  z-index: 11111;
}

.header_col2
{
  z-index: 11111;
}

.header_con1
{
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
}

.header_con2
{
  margin-top: -5.5vw;
  margin-bottom: 0.9vw;
}

.header_logo
{
  width: 14vw;
}

.header_col2
{
  text-align: right;
  position: relative;
  top: 2vw;
}

.header_nav_ul li .header_menu_a
{
  padding: 0.9vw 0.9vw !important;
  color: #444444;
  font-size: 1vw;
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  width: fit-content;
}

.header_nav_ul li .header_menu_a:hover
{
  color: #0A25FC !important;
}

.header_nav_ul li .header_menu_a:after 
{    
  content: '';
  display: block;
  width: 0;
  height: 0.1vw;
  background: #0A25FC;
  transition: width .3s;
  margin: 0vw auto;
  display: block;
}

.header_nav_ul li .header_menu_a:hover:after 
{ 
  width: 100%; 
  left: 0; 
}

.header_drop_a
{
  padding: 0.9vw 0.9vw !important;
  color: #444444;
  font-size: 1vw;
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  text-transform: uppercase;
}

.header_drop_a:hover
{
  color: #0A25FC;
}

.header_drop_ul
{
  padding: 0vw 0vw;
}

.header_menu_a1
{
  margin-bottom: -0.9vw !important;
}

.header_drop_ul li a
{
  padding: 1vw 1vw !important;
  color: #444444;
  font-family: 'Satoshi_Regular';
  font-size: 1vw;
  font-weight: 500;
  text-transform: uppercase;
  border-bottom: 0.1vw solid #000;
}

.header_drop_ul li a:hover
{
  color: #fff;
  background-color: #0A25FC;
}

.dropdown:hover .header_drop_ul
{
  display: block !important;
}

/*.header_span2
{
  padding-left: 2vw;
}*/

.header_span_a
{
  color: #444444;
  font-family: 'Satoshi_Regular';
  font-size: 1vw;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  top: 0.1vw;
  left: 0.1vw;
}

.header_span_a:hover
{
  color: #0A25FC;
}

.header_span_img
{
  width: 1.1vw;
}

.housedrop
{
  float: left;
  overflow: hidden;
  position: unset;
  cursor: pointer;
}

/*Header*/

/*Index*/

.slider_text_div
{
  position: absolute;
  right: 0;
  bottom: 17vw;
  left: 0;
  text-align: center;
}

.slider_head
{
  font-family: 'Magical_Regular';
  color: #fff;
  font-size: 4vw;
  margin-bottom: 0vw;
}

.slider_p
{
  font-family: 'Satoshi_Regular';
  color: #fff;
  font-size: 1.3vw;
  width: 33vw;
  margin: 0vw auto;
}

.slider_dots button
{
  width: 0.8vw !important;
  height: 0.8vw !important;
  background-color: #0A25FC !important;
/*  opacity: 1 !important;*/
  border-top: unset !important;
  border-bottom: unset !important;
  border: 0.1vw solid #0A25FC !important;
  margin-left: 0.2vw !important;
  margin-right: 0.2vw !important;
  border-radius: 2vw;
}

.slider_dots button.active 
{
  opacity: 1;
  background-color: transparent !important;
  border: 0.1vw solid #fff !important;
}

.slider_arrow
{
  width: 3vw;
  height: 3vw;
}

.abt_con
{
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.abt_col1
{
  display: flex;
}

.abt_col2
{
  display: grid;
  align-content: center;
}

.abt_head
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #0A25FC;
  margin-bottom: 0vw;
}

.abt_txt1
{
  font-family: 'Satoshi_Regular';
  font-size: 1.5vw;
  color: #000;
  font-weight: 500;
  margin-bottom: 1vw;
}

.abt_txt2
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0vw;
}

.abt_img1
{
  width: 100%;
}

.abt_img2
{
  width: 100%;
  position: relative;
  top: 6vw;
  left: 1vw;
}

.readmore_btn 
{
  color: #444444;
  border: 0.1vw solid #444444;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5vw 1vw;
  display: inline-block;
  margin: 2vw 0vw 0vw;
  font-size: 0.9vw;
  font-weight: 500;
  width: 9vw;
  --color: #ff7f82;
  --hover: #0A25FC;
  transition: 0.25s;
}

.readmore_btn_span_txt 
{
  position: relative;
  bottom: 0vw;
}

.readmore_btn_span 
{
  float: right;
}

.readmore_btn_arrow 
{
  font-size: 1vw;
}

.readmore_btn:hover,
.readmore_btn:focus
{
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #fff;
  border: 0.1vw solid #0A25FC;
  box-shadow: inset -5.5em 0 0 0 var(--hover), inset 4.5em 0 0 0 var(--hover);
}

.cate_ban_col 
{
  background-image: url(../images/bg1.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-left: 0vw;
  padding-right: 0vw;
  display: grid;
  align-content: center;
}

.cate_ban_div 
{
  padding: 6vw 0vw 5vw;
  text-align: center;
}

.cate_ban_head 
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #fff;
  margin-bottom: 0vw;
}

.cate_ban_txt 
{

  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0vw;
  width: 40vw;
  margin: 0vw auto;
}

.categories_head
{
  font-family: 'Satoshi_Regular';
  font-size: 1.8vw;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0vw;
}

.categories_para
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0vw;
}

.categories_arrow
{
  font-size: 2.3vw;
  transform: rotate(45deg);
  position: relative;
  top: 0.9vw;
  color: #fff;
}

.categories_box 
{
  position: relative;
  margin: 0.1vw;
}

.categories_img 
{
  display: block;
  width: 100%;
  height: auto;
}

.overlay_box 
{
  position: absolute;
  bottom: 2vw;
  left: 2.5vw;
  border-radius: 0.4vw;
  background: rgba(0, 0, 0, 0.5);
  width: 85%;
  transition: all 0.5s ease-out;
  opacity: 0;
  padding: 2.5vw 1.5vw;
}

.overlay_box a 
{
  text-decoration: none;
}

.categories_box:hover .overlay_box 
{
  opacity: 1;
}

.categories_cf
{
  margin-top: 0.8vw;
  margin-bottom: 0.8vw;
}

.categories_col
{
  padding-left: 0.8vw;
  padding-right: 0.8vw;
}

.products_con
{
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.products_head 
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #0A25FC;
  margin-bottom: 2vw;
}

.scrollborder
{
  border: 1px solid #d5d5d5;
  min-height: 330px;
}

.products_txt
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 2vw;
  width: 40vw;
  line-height: 1.5vw;
}

.products_scroll_txt
{
  font-family: 'Satoshi_Regular';
  font-size: 1.4vw;
  color: #444444;
  font-weight: 500;
  /*margin-bottom: 0vw;*/
  padding-left: 10px;
  padding-right: 10px;
  font-weight: 600;
  margin: 0vw auto;
  width: auto !important;
  text-align: center;
}

.products_scroll_div2
{
  margin-top: 2vw;
}

.products_scroll_col2
{
  text-align: right;
}

.products_scroll .owl-nav 
{
  display: block !important;
  position: absolute;
  top: -5vw;
  right: 0vw;
}

.products_scroll .owl-prev i 
{
  color: #e1e1e1;
  font-size: 2vw;
}

.products_scroll .owl-prev i:hover
{
  color: #000;
}

.products_scroll .owl-next i 
{
  color: #e1e1e1;
  font-size: 2vw;
}

.products_scroll .owl-next i:hover
{
  color: #000;
}

.products_scroll .owl-nav [class*=owl-]:hover 
{
  background: unset !important;
  text-decoration: none;
}

.desktop_header_section
{
  display: block;
}

.mobile_header_section
{
  display: none;
}

.mob_overlay 
{
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 11111;
  top: 0;
  left: 0;
  background-color: #e2e4f3;
  background-color: #e2e4f3;
  overflow-x: hidden;
  transition: 0.5s;
}

.mob_overlay_content 
{
  position: relative;
  top: 5%;
  width: 100%;
  margin-top: 15vw;
}

.mob_overlay a 
{
  padding: 2vw;
  color: #444444;
  font-size: 3.5vw;
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  transition: 0.3s;
}

.mob_overlay a:hover, .mob_overlay a:focus 
{
  color: #0A25FC;
  background-color: unset !important;
}

.mob_overlay .mob_closebtn 
{
  position: absolute;
  top: 2vw;
  right: 8vw;
  font-size: 10vw;
}

/*Dropdown*/

.desktop_menu
{
  color: #444444;
  font-size: 1vw;
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  width: max-content;
  /*position: relative;
  top: 0.7vw;*/
  padding-left: 0.5vw;
  padding-right: 0.5vw;
}

.desktop_menu:hover
{
  color: #0A25FC;
}

.dropdown_menu_ul
{
  background: #fff!important;
  position: absolute !important;
  z-index: 1000 !important;
  display: none !important;
  padding: 0vw 0vw !important;
  text-align: left !important;
/*  margin-top: 1vw;*/
  line-height: 1vw;
  list-style: none !important;
  background-clip: padding-box !important;
}

.dropdown_menu_ul li a
{
  font-size: 1vw;
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  text-transform: uppercase;
  color: #000 !important;
  display: block !important;
  width: 100% !important;
  padding: 1vw 1vw !important;
  clear: both !important;
  text-align: inherit !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background-color: transparent !important;
  border-bottom: 0.1vw solid #000 !important;
}

.dropdown_menu_ul li a:focus, .dropdown_menu_ul li a:hover 
{
  color: #fff !important;
  background-color: #0A25FC !important;
}

.dropdown-content:hover .dropdown_menu_ul
{
  display: block !important;
}

.dropdown-content 
{
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: max-content;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 111;
  width: -webkit-fill-available;
}

.header_menu_a1
{
  padding: 0vw 2vw !important;
}

.dropdown-content a 
{
  float: none;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown:hover .dropdown-content 
{
  display: block;
}

.house-dropdown-content
{
  min-width: unset;
  width: 100%;
  left: 0;
  padding: 2.5vw;
}

.dropdown_head
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2vw;
  color: #0A25FC;
  margin-bottom: 0vw;
}


/*Dropdown*/

/*Index*/

/*Footer*/

.footer_logo
{
  width: 14vw;
}

.footer_txt
{
  font-family: 'Satoshi_Regular';
  font-size: 1.1vw;
  color: #444444;
  font-weight: 500;
  margin-top: 1vw;
  margin-bottom: 0.1vw;
  width: 20vw;
  line-height: 1.5vw;
}

.footer_readmore_link
{
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  color: #0A25FC;
  font-size: 1vw;
  text-decoration: none;
}

.footer_readmore_link:hover
{
  color: #000;
}

.footer_arrowicon
{
  font-size: 0.8vw;
}

.footer_soc_icon_div
{
  word-spacing: 0.5vw;
  margin-top: 0.5vw;
}

.footer_soc_icon_div i 
{
  color: #444444;
  font-size: 1.1vw;
}

.footer_soc_icon_div i:hover
{
  color: #0A25FC;
}

.footer_soc_icon_div a
{
  text-decoration: none;
}

.footer_link_div
{
  display: grid;
}

.footer_head
{
  font-family: 'Magical_Regular';
  font-size: 1.3vw;
  color: #0A25FC;
  margin-bottom: 0.8vw;
}

.footer_link_div a
{
  font-family: 'Satoshi_Regular';
  font-weight: 500;
  color: #444444;
  font-size: 1.1vw;
  width: max-content;
  line-height: 1.9vw;
  text-decoration: none;
}

.footer_link_div a:hover
{
  color: #0A25FC;
}

.footer_contact_img 
{
  float: left;
  margin-top: 0.2vw;
  width: 0.9vw;
}

.footer_con_p 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.1vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0.1vw;
  width: 20vw;
  line-height: 1.5vw;
  margin-bottom: 1vw;
  padding-left: 1.5vw;
}

.footer_con_p a 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.1vw;
  color: #444444;
  font-weight: 500;
  width: max-content;
  margin-bottom: 0.1vw;
  line-height: 1.5vw;
  text-decoration: none;
}

.footer_con_p a:hover
{
  color: #0A25FC;
}

.footer_cf
{
  background-color: #F2F2F2;
  padding-top: 5vw;
  padding-bottom: 3vw;
}

.footer_col1
{
  width: 32%;
}

.footer_col2
{
  width: 22%;
}

.footer_col3
{
  width: 22%;
}

.footer_col4
{
  width: 24%;
}

.footer_hr_col
{
  padding-left: 0vw;
  padding-right: 0vw;
}

.footer_hr
{
  margin: 3vw 0vw;
  color: inherit;
  background-color: #e5e5e5;
  border: 0;
  opacity: 1;
  height: 0.1vw !important;
}

.footer_copy_txt
{
  font-family: 'Satoshi_Regular';
  font-size: 1.1vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0vw;
}

.footer_span
{
  word-spacing: 0.3vw;
}

.footer_span a 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.1vw;
  color: #444444;
  font-weight: 500;
  width: max-content;
  margin-bottom: 0.1vw;
  line-height: 1.5vw;
  text-decoration: none;
}

.footer_span a:hover
{
  color: #0A25FC;
}

/*Footer*/

/*Categories Page*/

.categories_page_con
{
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.categories_page_img
{
  width: 100%;
}

.categories_page_div1 
{
  position: relative;
  overflow: hidden;
  margin: 0vw auto 3vw;
  width: 100%;
}

.categories_page_div1 div 
{
  position: absolute;
  top: 55%;
  width: 100%;
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgb(0 0 0 / 50%) 0%, rgba(0,0,0,1) 100%);
  padding: 0vw 2vw 2vw 2vw;
  bottom: 0vw;
}

.categories_page_div1 * 
{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.categories_page_div1 div:before 
{
  position: absolute;
  content: '';
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 100%;
}

.categories_page_head
{
  font-family: 'Magical_Regular';
  font-size: 2vw;
  font-weight: 500;
  margin-bottom: 1vw;
  color: #fff;
  padding-top: 2vw;
}

.categories_page_txt
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  font-weight: 500;
  color: #fff;
}

.categories_page_div1:hover div, .categories_page_div1.hover div 
{
  top: 45%;
  background-color: #000;
  color: #fff !important;
}

.categories_page_col
{
  padding: 0.4vw;
}

/*Categories Page*/

/*Categories Inner Page*/

.categories_inner_head_con
{
  margin-top: 5vw;
}

.categories_inner_head
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #0A25FC;
  margin-bottom: 0vw;
  text-align: center;
}

.categories_inner_para
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0vw;
  text-align: center;
}

.categories_inner_con
{
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.categories_inner_img
{
  width: 100%;
  margin-bottom: 1vw;
  cursor: pointer;
}

.categories_inner_link
{
  font-family: 'Magical_Regular';
  font-weight: 500;
  color: #444444;
  font-size: 1.4vw;
  width: max-content;
  line-height: 1.9vw;
  text-decoration: none;
}

.categories_inner_link:hover
{
  color: #0A25FC;
}

.categories_inner_txt 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0vw;
}

.categories_page_div
{
  margin-bottom: 3vw;
  text-align: center;
  border: 1px solid #d5d5d5;
  min-height: 335px;
}

.mmdiv
{
  min-height: 280px;
}

/*Categories Inner Page*/

/*Product Page*/

.fancybox__container
{
  z-index: 11111 !important;
}

.tooltip 
{
  position: relative;
}

.tooltip .tooltiptext 
{
  visibility: hidden;
  width: fit-content;
  color: #000;
  position: absolute;
  z-index: 1111111;
  opacity: 1;
  padding: 0.2vw 0.4vw;
  top: 3vw;
  background: #ededeb;
  font-weight: 500;
  font-size: 1.2vw;
  font-family: 'Satoshi_Regular';
  color: #444444;
  left: 0vw;
}

.tooltip:hover .tooltiptext 
{
  visibility: visible;
}

.product_bread_crumb_con
{
  margin-top: 2.5vw;
  margin-bottom: 1vw;
}

.product_color_head
{
  font-family: 'Magical_Regular';
  font-size: 1.2vw;
  color: #444444;
  margin-bottom: 0vw;
}

.product_bread_crumb 
{
  padding: 0.5vw 0vw;
  list-style: none;
  margin-bottom: 0.5vw;
}

.product_bread_crumb li 
{
  display: inline;
  font-family: 'Satoshi_Regular';
  font-size: 1.3vw;
  color: #0A25FC;
}

.product_bread_crumb li a 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.3vw;
  color: #444444;
  text-decoration: none;
}

.product_bread_crumb li+li:before 
{
  padding: 0.5vw;
  color: #444444;
  content: "/\00a0";
}

.product_details_con
{
  margin-top: 2vw;
  margin-bottom: 5vw;
}

.product_col2
{
  padding: 2vw;
  padding-top: 0;
}

.product_img
{
  width: 100%;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
  box-shadow: 0px 0px 5px 0px rgb(50 50 50 / 58%);
}

.product_img:hover
{
  box-shadow: 0px 0px 5px 0px rgb(50 50 50 / 58%);
  transition: all 0.6s ease-in-out;
  transform: translateY(-2px);
}

.product_name
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #444444;
  margin-bottom: 0vw;
}

.product_price
{
  font-family: 'Satoshi_Regular';
  font-size: 1.3vw;
  color: #0A25FC;
  font-weight: 600;
  margin-bottom: 1vw;
}

.product_link
{
  color: #fff;
  border: 0.1vw solid #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5vw 1vw;
  display: inline-block;
  background-color: #0A25FC;
  margin: 1vw 0vw 1vw;
  font-size: 0.9vw;
  font-weight: 500;
  /* width: 9vw; */
  --color: #ff7f82;
  --hover: #fff;
  transition: 0.25s;
}

.product_link:hover, .product_link:focus
{
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #444444;
  border: 0.1vw solid #444444;
  box-shadow: inset -5.5em 0 0 0 var(--hover), inset 4.5em 0 0 0 var(--hover);
}

.product_color_link
{
  border: 0.2vw solid #444444;
  padding: 0.5vw 1vw;
  display: inline-block;
  margin: 1vw 0vw 1vw;
  border-radius: 5vw;
  width: 2vw;
  height: 2.3vw;
  cursor: pointer;
  opacity: 1;
  transition: all 0.6s ease-in-out;
}

.product_color_link:hover
{
  box-shadow: 0px 0px 5px 0px rgb(50 50 50 / 58%);
  transition: all 0.6s ease-in-out;
  transform: translateY(-2px);
}

.product_color_link1
{
  color: #0A25FC;
  border: 0.1vw solid #0A25FC;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5vw 1vw;
  display: inline-block;
  background-color: #fff;
  margin: 1vw 0vw 1vw;
  font-size: 0.9vw;
  font-weight: 500;
  /* width: 9vw; */
  --color: #ff7f82;
  --hover: #0A25FC;
  transition: 0.25s;
  cursor: pointer;
}

.product_color_link1:hover
{
  -webkit-transition: all 0.6s ease-in;
  transition: all 0.6s ease-in;
  color: #fff;
  border: 0.1vw solid #444444;
  box-shadow: inset -5.5em 0 0 0 var(--hover), inset 4.5em 0 0 0 var(--hover);
}

.product_color_link1:visited,
.product_color_link1:focus,
.product_color_link1:active
{
  background: #000!important;
  color: #fff!important;
}

.product_hr
{
  height: 0.1vw !important;
  margin: 1vw 0vw;
  color: inherit;
  background-color: #8d8d8d;
  border: 0;
  opacity: .25;
}

.product_txt
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0vw;
}

.product_img_div
{
  margin-top: 1vw;
}

/* Hide the images by default */
.mySlides 
{
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor 
{
  cursor: pointer;
}

/* Six columns side by side */
.column 
{
  float: left;
  width: 16.66%;
  padding: 0vw 0.9vw 0vw 0vw;
}

/* Add a transparency effect for thumnbail images */
.demo 
{
  opacity: 0.6;
}

.active,
.demo:hover 
{
  opacity: 1;
}

.products_details
{
  font-family: 'Satoshi_Regular';
  font-size: 1.3vw;
  color: #444444;
}


/*Product Page*/

/*About Us Page*/

.abt_page_con
{
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.abt_page_col2
{
  padding: 1vw 0vw 1vw 2vw;
}

.abt_page_img
{
  width: 100%;
}

.abt_page_head 
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #0A25FC;
  margin-bottom: 0vw;
}

.abt_page_para
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0vw;
}

.mis_vis_div
{
  padding: 0vw 1vw 0vw 0vw;
}

.mis_vis_head
{
  font-family: 'Magical_Regular';
  text-transform: uppercase;
  font-size: 2.5vw;
  color: #0A25FC;
  margin-bottom: 0vw;
}

.mis_vis_para 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  margin-bottom: 0vw;
}

.mis_vis_img
{
  width: 100%;
  margin-bottom: 2vw;
}

.mis_vis_con
{
  margin-bottom: 5vw;
}

.abt_page_team_con
{
  margin-bottom: 5vw;
}

.abt_page_team_img
{
  width: 100%;
}

.team_scroll .owl-dots .owl-dot span 
{
  width: 1vw !important;
  height: 1vw !important;
  margin: 0vw 0.5vw !important;
  background: #fff !important;
  display: block !important;
  -webkit-backface-visibility: visible !important;
  transition: opacity .2s ease !important;
  border-radius: 30px !important;
  border: 0.1vw solid #000;
}

.team_scroll .owl-dots .owl-dot.active span, 
.team_scroll .owl-dots .owl-dot:hover span 
{
  background: #0A25FC !important;
  border: 0.1vw solid #0A25FC;
}

.abt_page_team_col1
{
  padding: 1vw;
}


/*About Us Page*/

/*Enquire Popup*/

.enquirepopup 
{
  z-index: 11111111111111 !important;
  background-color: #000000a6 !important;
}

.popupmodal 
{
  max-width: 53vw;
}

.popupmodalcontent 
{
  padding: 2vw;
  border-radius: unset;
}

.modalhead 
{
  border-bottom: unset;
}

.popupformp
{
  font-family: 'Magical_Regular';
  font-size: 2vw;
  color: #444444;
  letter-spacing: 0px;
  width: 75%;
  margin: 0vw auto;
  display: block;
}

.popupforminput 
{
  padding-left: 1.5vw;
  margin-top: 1.5vw;
  border: 0.1vw solid #EBEBEB;
  width: 100%;
  background-color: #EBEBEB;
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  line-height: 3.1vw;
}

.popupforminput::placeholder
{
  color: #444444;
}

.popupsubmitbtn a
{
  color: #fff;
  border: 0.1vw solid #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5vw 1vw;
  display: inline-block;
  background-color: #0A25FC;
  margin: 1vw 0vw 1vw;
  font-size: 1.1vw;
  font-weight: 500;
  /* width: 9vw; */
  --color: #ff7f82;
  --hover: #fff;
  transition: 0.25s;
}

.popupsubmitbtn a:hover 
{
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #444444;
  border: 0.1vw solid #444444;
  box-shadow: inset -5.5em 0 0 0 var(--hover), inset 4.5em 0 0 0 var(--hover);
}

.popupthankup
{
  font-family: Joane-Regular;
  font-size: 28px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #1D1B19;
}

/*Enquire Popup*/

/*Contact Us*/

.contact_con
{
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.contact_col1
{
  padding: 3vw;
  background-color: #F2F2F2;
}

.contact_col2
{
  padding: 3vw;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.contact_head
{
  font-family: 'Magical_Regular';
  font-size: 2.5vw;
  color: #0A25FC;
  margin-bottom: 0vw;
}

.contact_head2
{
  font-family: 'Magical_Regular';
  font-size: 2.5vw;
  color: #444444;
  margin-bottom: 0vw;
}

.forminput 
{
  margin-top: 2vw;
  /* border: 0.1vw solid #000; */
  border-bottom: 0.1vw solid #000;
  border-top: 0.1vw solid transparent;
  border-left: 0.1vw solid transparent;
  border-right: 0.1vw solid transparent;
  width: 100%;
  background-color: transparent;
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  line-height: 2vw;
  padding: 0.1vw 0vw 0.1vw 1vw;
}

.form_textarea 
{
  padding: 0vw 0vw 0vw 1vw;
}

.submitbtn 
{
  color: #fff;
  border: 0.1vw solid #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5vw 1vw;
  display: inline-block;
  background-color: #0A25FC;
  margin: 1vw 0vw 1vw;
  font-size: 0.9vw;
  font-weight: 500;
  --color: #ff7f82;
  --hover: #fff;
  transition: 0.25s;
}

.submitbtn:hover, .submitbtn:focus 
{
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  color: #444444;
  border: 0.1vw solid #444444;
  box-shadow: inset -5.5em 0 0 0 var(--hover), inset 4.5em 0 0 0 var(--hover);
}

.contact_img 
{
  float: left;
  margin-top: 0.2vw;
  width: 1.5vw;
}

.contact_p 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  width: 30vw;
  padding-top: 0.5vw;
  line-height: 1.5vw;
  margin-bottom: 2vw;
  padding-left: 2.5vw;
}

.contact_p a 
{
  font-family: 'Satoshi_Regular';
  font-size: 1.2vw;
  color: #444444;
  font-weight: 500;
  width: 30vw;
  line-height: 1.5vw;
  margin-bottom: 2vw;
  text-decoration: none;
}

.contact_p a:hover 
{
  color: #0A25FC;
}

.contact_p span 
{
  color: #000;
  font-weight: 600;
}

.contact_div1
{
  margin-top: 5vw;
}

.contact_map_con
{
  margin-bottom: 5vw;
}

.map_col
{
  padding-left: 0vw;
  padding-right: 0vw;
}


/*Contact Us*/


























/**Media Queries**/

@media only screen
and (min-width: 0px)
and (max-width: 575px)
{

  .desktop_header_section
  {
    display: none;
  }

  .mobile_header_section
  {
    display: block;
  }

  .mob_header_cf 
  {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .mob_header_wid1 
  {
    width: 50%;
  }

  .mob_header_wid2 
  {
    width: 50%;
    text-align: right;
  }

  .mob_header_logo 
  {
    width: 40vw;
  }

  .header_togglebtn 
  {
    font-size: 7vw;
    cursor: pointer;
    color: #000;
    position: relative;
    top: 2vw;
  }

  .dropdown_menu_ul li a
  {
    font-size: 5vw;
    padding: 2vw !important
  }

  .dropdown_menu_ul 
  {
    margin: 0vw auto;
    width: fit-content;
    text-align: center!important;
    list-style: none !important;
    position: static !important;
    background-clip: padding-box !important;
  }

  .slider_head
  {
    font-size: 7vw;
  }

  .slider_p 
  {
    font-size: 3.5vw;
    width: 70vw;
  }

  .slider_text_div
  {
    bottom: 10vw;
  }

  .slider_dots button 
  {
    width: 1.8vw !important;
    height: 1.8vw !important;
    margin-left: 0.5vw !important;
    margin-right: 0.5vw !important;
  }

  .slider_arrow 
  {
    width: 6vw;
    height: 6vw;
  }

  .abt_img2 
  {
    top: 16vw;
    left: 1.5vw;
  }

  .abt_head
  {
    font-size: 5vw;
  }

  .abt_col2
  {
    text-align: center;
    margin-top: 5vw;
    margin-bottom: 3vw;
  }

  .abt_txt1 
  {
    font-size: 4vw;
    line-height: 5vw;
  }

  .abt_txt2
  {
    font-size: 3.5vw;
  }

  .readmore_btn 
  {
    padding: 2vw 2vw;
    font-size: 3vw;
    width: 30vw;
    margin: 4vw auto 0vw;
  }

  .readmore_btn_arrow 
  {
    font-size: 3vw;
  }

  .overlay_box 
  {
    bottom: 6vw;
    left: 7.5vw;
    width: 84%;
    padding: 3.5vw 7.5vw 3.5vw 5vw;
  }

  .categories_head 
  {
    font-size: 4.5vw;
  }

  .categories_col1
  {
    width: 90%;
  }

  .categories_col2
  {
    width: 10%;
  }

  .categories_arrow 
  {
    font-size: 5.3vw;
    top: 3.9vw;
  }

  .categories_para
  {
    font-size: 3.5vw;
  }

  .categories_col 
  {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .products_head 
  {
    font-size: 5vw;
    text-align: center;
  }

  .products_txt 
  {
    font-size: 3.5vw;
    width: 70vw;
    line-height: 4.5vw;
    margin: 0vw auto 3vw;
  }

  .products_scroll_txt
  {
    font-size: 3.5vw;
  }

  .products_scroll_col1
  {
    width: 80%;
  }

  .products_scroll_col2
  {
    width: 20%;
  }

  .products_scroll_div2
  {
    margin-top: 5vw;
  }

  .scrollborder
  {
    min-height: 360px;
  }

  .footer_col1
  {
    width: 60%;
  }

  .footer_logo
  {
    width: 25vw;
  }

  .footer_txt
  {
    font-size: 3vw;
    width: 42vw;
    line-height: 3vw;
  }

  .footer_readmore_link
  {
    font-size: 3vw;
  }

  .footer_arrowicon
  {
    font-size: 2.5vw;
  }

  .footer_col2
  {
    width: 40%;
  }

  .footer_head
  {
    font-size: 4.5vw;
  }

  .footer_link_div a
  {
    font-size: 3vw;
    line-height: 4.8vw;
  }

  .footer_soc_icon_div
  {
    word-spacing: 0.9vw;
  }

  .footer_soc_icon_div i
  {
    font-size: 3vw;
  }

  .footer_col3 
  {
    width: 50%;
    margin-top: 6vw;
  }

  .footer_col4
  {
    width: 50%;
    margin-top: 6vw;
  }

  .footer_contact_img
  {
    width: 2.5vw;
  }

  .footer_con_p
  {
    font-size: 3vw;
    width: 40vw;
    line-height: 3.5vw;
    padding-left: 4.5vw;
  }

  .footer_con_p a
  {
    font-size: 3vw;
  }

  .footer_copy_txt
  {
    font-size: 3vw;
  }

  .footer_span a
  {
    font-size: 3vw;
  }

  .products_scroll .owl-nav
  {
    position: unset;
  }

  .products_scroll .owl-prev i
  {
    font-size: 6vw;
  }

  .products_scroll .owl-next i
  {
    font-size: 6vw;
  }

  .banner_div 
  {
    padding: 9vw 0vw 5vw;
  }

  .banner_head
  {
    font-size: 5vw;
  }

  .bread_crumb li
  {
    font-size: 4vw;
  }

  .bread_crumb li a
  {
    font-size: 4vw;
  }

  .categories_page_head
  {
    font-size: 5vw;
    padding-top: 6vw;
  }

  .categories_page_txt
  {
    font-size: 3.5vw;
  }

  .categories_page_div
  {
    min-height: 375px;
  }

  .mmdiv
  {
    min-height: 330px;
  }

  .categories_page_div1 
  {
    margin: 0vw auto 10vw;
  }

  .categories_page_div1 div 
  {
    top: 58%;
    padding: 0vw 5vw 5vw 5vw;
  }

  .categories_inner_head
  {
    font-size: 4vw;
  }

  .categories_inner_para
  {
    font-size: 3.5vw;
  }

  .categories_inner_link
  {
    font-size: 4vw;
  }

  .categories_inner_txt
  {
    font-size: 3.5vw;
  }

  .dropdown-content
  {
    position: static;
  }

  .dropdown-content a
  {
    background-color: #abacaf;
    color: #fff;
    border-bottom: 0.1vw solid #fff;
  }

  .mob_dropdown_ul li 
  {
    background-color: #abacaf;
  }

  .mob_dropdown_ul li a
  {
    color: #fff;
  }

  .product_name 
  {
    font-size: 5vw;
  }

  .product_price 
  {
    font-size: 3.5vw;
    margin-top: 2vw;
  }

  .product_link 
  {
    padding: 2vw 2vw;
    font-size: 3vw;
    margin: 4vw auto 4vw;
  }

  .product_txt
  {
    font-size: 3.5vw;
  }

  .product_hr 
  {
    margin: 6vw auto;
  }

  .product_col2 
  {
    margin-top: 7vw;
  }

  .product_bread_crumb li a
  {
    font-size: 4vw;
  }

  .product_bread_crumb li
  {
    font-size: 4vw;
  }

  .product_color_head
  {
    font-size: 3.5vw;
  }

  .product_color_link 
  {
    width: 5vw;
    height: 5vw;
  }

  .popupmodal
  {
    max-width: 100%;
  }

  .popupformp 
  {
    font-size: 4vw;
  }

  .popupforminput 
  {
    padding-left: 2.5vw;
    margin-top: 2.5vw;
    border: 0.1vw solid #EBEBEB;
    width: 100%;
    background-color: #EBEBEB;
    font-family: 'Satoshi_Regular';
    font-size: 3.5vw;
    line-height: 9vw;
  }

  .popupsubmitbtn a
  {
    font-size: 3vw;
    padding: 1.5vw 3vw;
  }

  .tooltip .tooltiptext
  {
    font-size: 3.5vw;
    top: 5vw;
  }

  .banner_div1 
  {
    padding: 6vw 0vw 1vw;
  }

  .abt_page_head
  {
    font-size: 5vw;
    text-align: center;
  }

  .abt_page_para
  {
    font-size: 3.5vw;
    text-align: center;
  }

  .abt_page_col2
  {
    padding: 10vw 2vw 0vw;
  }

  .mis_vis_con
  {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .mis_vis_head
  {
    font-size: 5vw;
  }

  .mis_vis_para
  {
    font-size: 3.5vw;
  }

  .abt_page_team_col1 
  {
    padding: 1vw 1vw 7vw;
  }

  .team_scroll .owl-dots .owl-dot span 
  {
    width: 3vw !important;
    height: 3vw !important;
    margin: 0vw 0.9vw !important;
  }

  .contact_head
  {
    font-size: 5vw;
  }

  .contact_head2
  {
    font-size: 5vw;
  }

  .forminput
  {
    font-size: 3.5vw;
    padding: 3.1vw 0vw 3.1vw 1vw;
  }

  .form_textarea 
  {
    padding: 4vw 0vw 10vw 1vw;
  }

  .submitbtn
  {
    padding: 2vw 2vw;
    font-size: 3vw;
    width: 30vw;
    margin: 4vw auto 0vw;
  }

  .contact_col1
  {
    padding: 5vw;
  }

  .contact_col2
  {
    padding: 5vw;
  }

  .contact_p 
  {
    font-size: 3.5vw;
    width: 80vw;
    line-height: 5.5vw;
    padding-top: 0vw;
    line-height: 5.5vw;
    margin-bottom: 8vw;
    padding-left: 5.5vw
  }

  .contact_img
  {
    width: 3.5vw;
  }

  .contact_p a
  {
    font-size: 3.5vw;
  }

  .mis_vis_col2
  {
    margin-top: 10vw;
  }

  .mis_vis_img
  {
    margin-bottom: 5vw;
  }

  .product_color_link1
  {
    font-size: 3.5vw;
    padding: 1vw 2vw;
  }

  .products_details
  {
    font-size: 3.5vw;
  }

}

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

  .desktop_header_section
  {
    display: none;
  }

  .mobile_header_section
  {
    display: block;
  }

  .mob_header_cf 
  {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }

  .mob_header_wid1 
  {
    width: 50%;
  }

  .mob_header_wid2 
  {
    width: 50%;
    text-align: right;
  }

  .mob_header_logo 
  {
    width: 40vw;
  }

  .header_togglebtn 
  {
    font-size: 7vw;
    cursor: pointer;
    color: #000;
    position: relative;
    top: 2vw;
  }

  .dropdown_menu_ul li a
  {
    font-size: 5vw;
    padding: 2vw !important
  }

  .dropdown_menu_ul 
  {
    margin: 0vw auto;
    width: fit-content;
    text-align: center!important;
    list-style: none !important;
    position: static !important;
    background-clip: padding-box !important;
  }

  .slider_head
  {
    font-size: 7vw;
  }

  .slider_p 
  {
    font-size: 3.5vw;
    width: 70vw;
  }

  .slider_text_div
  {
    bottom: 10vw;
  }

  .slider_dots button 
  {
    width: 1.8vw !important;
    height: 1.8vw !important;
    margin-left: 0.5vw !important;
    margin-right: 0.5vw !important;
  }

  .slider_arrow 
  {
    width: 6vw;
    height: 6vw;
  }

  .abt_img2 
  {
    top: 16vw;
    left: 1.5vw;
  }

  .abt_head
  {
    font-size: 5vw;
  }

  .abt_col2
  {
    text-align: center;
    margin-top: 5vw;
    margin-bottom: 3vw;
  }

  .abt_txt1 
  {
    font-size: 4vw;
    line-height: 5vw;
  }

  .abt_txt2
  {
    font-size: 3.5vw;
  }

  .readmore_btn 
  {
    padding: 2vw 2vw;
    font-size: 3vw;
    width: 30vw;
    margin: 4vw auto 0vw;
  }

  .readmore_btn_arrow 
  {
    font-size: 3vw;
  }

  .overlay_box 
  {
    bottom: 6vw;
    left: 7.5vw;
    width: 84%;
    padding: 3.5vw 7.5vw 3.5vw 5vw;
  }

  .categories_head 
  {
    font-size: 4.5vw;
  }

  .categories_col1
  {
    width: 90%;
  }

  .categories_col2
  {
    width: 10%;
  }

  .categories_arrow 
  {
    font-size: 5.3vw;
    top: 3.9vw;
  }

  .categories_para
  {
    font-size: 3.5vw;
  }

  .categories_col 
  {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .products_head 
  {
    font-size: 5vw;
    text-align: center;
  }

  .products_txt 
  {
    font-size: 3.5vw;
    width: 70vw;
    line-height: 4.5vw;
    margin: 0vw auto 3vw;
  }

  .products_scroll_txt
  {
    font-size: 3.5vw;
  }

  .products_scroll_col1
  {
    width: 80%;
  }

  .products_scroll_col2
  {
    width: 20%;
  }

  .products_scroll_div2
  {
    margin-top: 5vw;
  }

  .footer_col1
  {
    width: 60%;
  }

  .footer_logo
  {
    width: 25vw;
  }

  .footer_txt
  {
    font-size: 3vw;
    width: 42vw;
    line-height: 3vw;
  }

  .footer_readmore_link
  {
    font-size: 3vw;
  }

  .footer_arrowicon
  {
    font-size: 2.5vw;
  }

  .footer_col2
  {
    width: 40%;
  }

  .footer_head
  {
    font-size: 4.5vw;
  }

  .footer_link_div a
  {
    font-size: 3vw;
    line-height: 4.8vw;
  }

  .footer_soc_icon_div
  {
    word-spacing: 0.9vw;
  }

  .footer_soc_icon_div i
  {
    font-size: 3vw;
  }

  .footer_col3 
  {
    width: 50%;
    margin-top: 6vw;
  }

  .footer_col4
  {
    width: 50%;
    margin-top: 6vw;
  }

  .footer_contact_img
  {
    width: 2.5vw;
  }

  .footer_con_p
  {
    font-size: 3vw;
    width: 40vw;
    line-height: 3.5vw;
    padding-left: 4.5vw;
  }

  .footer_con_p a
  {
    font-size: 3vw;
  }

  .footer_copy_txt
  {
    font-size: 3vw;
  }

  .footer_span a
  {
    font-size: 3vw;
  }

  .products_scroll .owl-nav
  {
    position: unset;
  }

  .products_scroll .owl-prev i
  {
    font-size: 6vw;
  }

  .products_scroll .owl-next i
  {
    font-size: 6vw;
  }

  .banner_div 
  {
    padding: 9vw 0vw 5vw;
  }

  .banner_head
  {
    font-size: 5vw;
  }

  .bread_crumb li
  {
    font-size: 4vw;
  }

  .bread_crumb li a
  {
    font-size: 4vw;
  }

  .categories_page_head
  {
    font-size: 5vw;
    padding-top: 6vw;
  }

  .categories_page_txt
  {
    font-size: 3.5vw;
  }

  .categories_page_div1 
  {
    margin: 0vw auto 10vw;
  }

  .categories_page_div1 div 
  {
    top: 58%;
    padding: 0vw 5vw 5vw 5vw;
  }

  .categories_inner_head
  {
    font-size: 4vw;
  }

  .categories_inner_para
  {
    font-size: 3.5vw;
  }

  .categories_inner_link
  {
    font-size: 4vw;
  }

  .categories_inner_txt
  {
    font-size: 3.5vw;
  }

  .dropdown-content
  {
    position: static;
  }

  .dropdown-content a
  {
    background-color: #abacaf;
    color: #fff;
    border-bottom: 0.1vw solid #fff;
  }

  .mob_dropdown_ul li 
  {
    background-color: #abacaf;
  }

  .mob_dropdown_ul li a
  {
    color: #fff;
  }

  .product_name 
  {
    font-size: 5vw;
  }

  .product_price 
  {
    font-size: 3.5vw;
    margin-top: 2vw;
  }

  .product_link 
  {
    padding: 2vw 2vw;
    font-size: 3vw;
    margin: 4vw auto 4vw;
  }

  .product_txt
  {
    font-size: 3.5vw;
  }

  .product_hr 
  {
    margin: 6vw auto;
  }

  .product_col2 
  {
    margin-top: 7vw;
  }

  .product_bread_crumb li a
  {
    font-size: 4vw;
  }

  .product_bread_crumb li
  {
    font-size: 4vw;
  }

  .product_color_head
  {
    font-size: 3.5vw;
  }

  .product_color_link 
  {
    width: 5vw;
    height: 5vw;
  }

  .popupmodal
  {
    max-width: 100%;
  }

  .popupformp 
  {
    font-size: 4vw;
  }

  .popupforminput 
  {
    padding-left: 2.5vw;
    margin-top: 2.5vw;
    border: 0.1vw solid #EBEBEB;
    width: 100%;
    background-color: #EBEBEB;
    font-family: 'Satoshi_Regular';
    font-size: 3.5vw;
    line-height: 9vw;
  }

  .popupsubmitbtn a
  {
    font-size: 3vw;
    padding: 1.5vw 3vw;
  }

  .tooltip .tooltiptext
  {
    font-size: 3.5vw;
    top: 5vw;
  }

  .banner_div1 
  {
    padding: 6vw 0vw 1vw;
  }

  .abt_page_head
  {
    font-size: 5vw;
    text-align: center;
  }

  .abt_page_para
  {
    font-size: 3.5vw;
    text-align: center;
  }

  .abt_page_col2
  {
    padding: 10vw 2vw 0vw;
  }

  .mis_vis_con
  {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .mis_vis_head
  {
    font-size: 5vw;
  }

  .mis_vis_para
  {
    font-size: 3.5vw;
  }

  .abt_page_team_col1 
  {
    padding: 1vw 1vw 7vw;
  }

  .team_scroll .owl-dots .owl-dot span 
  {
    width: 3vw !important;
    height: 3vw !important;
    margin: 0vw 0.9vw !important;
  }

  .contact_head
  {
    font-size: 5vw;
  }

  .contact_head2
  {
    font-size: 5vw;
  }

  .forminput
  {
    font-size: 3.5vw;
    padding: 3.1vw 0vw 3.1vw 1vw;
  }

  .form_textarea 
  {
    padding: 4vw 0vw 10vw 1vw;
  }

  .submitbtn
  {
    padding: 2vw 2vw;
    font-size: 3vw;
    width: 30vw;
    margin: 4vw auto 0vw;
  }

  .contact_col1
  {
    padding: 5vw;
  }

  .contact_col2
  {
    padding: 5vw;
  }

  .contact_p 
  {
    font-size: 3.5vw;
    width: 80vw;
    line-height: 5.5vw;
    padding-top: 0vw;
    line-height: 5.5vw;
    margin-bottom: 8vw;
    padding-left: 5.5vw
  }

  .contact_img
  {
    width: 3.5vw;
  }

  .contact_p a
  {
    font-size: 3.5vw;
  }

  .mis_vis_col2
  {
    margin-top: 10vw;
  }

  .mis_vis_img
  {
    margin-bottom: 5vw;
  }

  .product_color_link1
  {
    font-size: 3.5vw;
    padding: 1vw 2vw;
  }

  .products_details
  {
    font-size: 3.5vw;
  }

}

@media only screen
and (min-width: 768px)
and (max-width: 991px)
{

  .header_col3
  {
    margin-top: 0.9vw;
  }

  .banner_div1 
  {
    padding: 4vw 0vw 1vw;
  }

  .mmdiv
  {
    min-height: 160px;
  }

  .categories_page_div
  {
    min-height: 200px;
  }

  .scrollborder
  {
    min-height: 240px;
  }

}


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

}

@media only screen
and (min-width: 1200px)
and (max-width: 1399px)
{
  
}

.product_color_link1:active{
    -webkit-transition: all 0.6s ease-in;
   
    color: #fff;
    border: 0.1vw solid #444444;
    box-shadow: inset -5.5em 0 0 0 var(--hover), inset 4.5em 0 0 0 var(--hover);
}

.product_details_con .selected{
    -webkit-transition: all 0.6s ease-in;
   
    color: #fff;
    border: 0.1vw solid #444444;
    box-shadow: inset -5.5em 0 0 0 var(--hover), inset 4.5em 0 0 0 var(--hover);
}