.font-36{font:2vw }
.font-32{font:1.7777777777778vw}
.font-24{font:1.3333333333333vw}
.font-24-b{font:1.3333333333333vw}
.font-20{font:1.1111111111111vw}
nav#navbar ul.navbar_l li a:hover,nav#navbar ul.navbar_r li a:hover,nav#navbar:hover,nav#navbar ul.navbar_l li .active,nav#navbar ul.navbar_r li .active{color:#f93822}
:-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#999}
::-webkit-input-placeholder{color:#999}
.no-gutters{padding-left:0;padding-right:0}
img{max-width:100%;border:none}
figure{margin:0}
.width100{width:100%}
.rel{position:relative}
.mar-top50{margin-top:2.7777777777778vw}
.pad-bott50{padding-bottom:2.7777777777778vw}
.d-none{display:none!important}
.v-hidden{visibility:hidden!important}
.v-visibility{visibility:visible!important}
.text-uppercase{text-transform:uppercase}
.main-bgcolor{background-color:#f93822}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.rtl{direction:rtl}
.ltr{direction:ltr}
.flip-img{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:FlipH}
  /*=========================*/
  .col-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
  .no-gutters > .col,.no-gutters > [class*="col-"]{padding-right:0;padding-left:0}
  
  .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
  .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  .continer-width{margin:0 auto;position:relative}
/*header*/
header.top-fixed{background-color:#000006;position:fixed;top:0;left:0;width:100%;text-align:center;z-index:999}
header nav#navbar ul.navbar_l,header nav#navbar ul.navbar_r,nav#navbar .logo,header nav#navbar ul.navbar_l >li,header nav#navbar ul.navbar_r >li{display:inline-block;vertical-align:top}
header nav#navbar ul.navbar_l >li>a,header nav#navbar ul.navbar_r >li>a{color:#fff;text-decoration:none;display:block;font-size:1.2vw;text-transform:uppercase;position:relative;padding:1.754444444444vw 1.2999999vw;z-index:10}
header.top-fixed .logo{width:9.1666666666667vw;position:relative}
header.top-fixed .pa-btn-nav{position:absolute;top:.2444444444444vw;right:2.8888888888889vw;margin:0}
#header{position:relative;z-index:5}
.logo-h{background:url(../images/logo_bg.png) no-repeat center bottom;height:7.8vw;background-size:cover;position:absolute;top:-.6vw;left:0;width:100%;transition:.2s ease;cursor:pointer;text-align:center}
.logo-h:hover{top:0}
.logo-h img{padding-top:.4vw;z-index:10;position:relative}
/*End header*/

/*mega menu*/
.mega-menu{background-color:rgba(0,0,0,0.85);text-align:left;position:fixed;top:0;left:0;bottom:0;right:0;z-index:2;width:100%}
.mega-menu_bg{background-color:#a01d0ef5;padding-top:7.7777777777778vw;width:100%;-webkit-transition:all .55s ease;-moz-transition:all .55s ease;-ms-transition:all .55s ease;-o-transition:all .55s ease;transition:all .55s ease}
.mega-menu .r_col,.mega-menu .l_col{display:inline-block;margin-left:-1%;vertical-align:top}
.mega-menu .r_col{width:60vw}
.mega-menu .l_col{width:40.055555555556vw}
.mega-menu .l_col .nav_sub-img img{width:100%}
.mega-menu .r_col li{border-bottom:.27777777777778vw solid #ff5443;padding:.1vw 0;line-height:1.5}
.mega-menu .r_col li.boderno{border-bottom:none}
.mega-menu .r_col ul .nav_sub-heading.boderno a{text-decoration:none}
.mega-menu .r_col li.marto{margin-top:3vw}
.sub_link,.sub_link_sm{display:block}
.mega-menu .r_col ul{width:27.555555555556vw;display:inline-block;vertical-align:top;padding-right:4vw}
.mega-menu .r_col ul:nth-last-of-type(1){padding-right:0}
.mega-menu .r_col ul .nav_sub-heading{font-size:2vw;color:#000006;text-transform:uppercase;border-bottom:none}
.mega-menu .r_col ul .nav_sub-heading .fa{font-size:1.65vw}
.mega-menu .r_col ul .nav_sub-heading a{color:#000006;display:block;padding:.3vw 0;text-decoration:underline;line-height:1.8}
.mega-menu .r_col li a{text-decoration:none;display:block;padding:.3vw 0}
.sub_link{font-size:1.1111111111111vw;color:#fff}
.sub_link_sm{font-size:.88888888888889vw;color:#000006;padding-top:.2vw}
#mega-menu1,#mega-menu2{visibility:hidden;top:-150%;opacity:0;z-index:-1;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;display: none}
#navbar ul>li.current #mega-menu1,#navbar ul>li.current #mega-menu2{top:-.2vw;z-index:2;visibility:visible;opacity:1;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .55s ease;-o-transition:all .8s ease;transition:all .8s ease;transition-delay: 0.1s;display: block}
#navbar.current .pa-btn-nav{z-index:10}
.mega-menu.nav2 ul{display:table;width:100%;padding-bottom:3vw}

.mega-menu.nav2 ul li:nth-last-child(1){border-right:none}
.mega-menu.nav2 ul li img{max-width:10.263157894737vw;width:100%;opacity:.7}
.mega-menu.nav2 ul li a{text-decoration:none;color:#000006}
.nav_a1.current{color:#fff}
.nav_a1 i.fa,.nav_a2 i.fa{-moz-transition:all .3s linear;-webkit-transition:all .3s linear;transition:all .3s linear;margin-left:.35vw}
.nav_a1.current i.fa,.nav_a2.current i.fa{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#fff}
header nav#navbar ul.navbar_l li a.nav_a1.current,header nav#navbar ul.navbar_l li a.nav_a2.current{}/*=========End Mega menu================*/
/*===Stok all button=====.Stock-btn=================*/
  

.shop-width{width:10.222222222222vw;font-size:1vw}
.stok_wb_r.shop-width:hover:after,.stok_wb_r.shop-width:hover:before,.stok_wb_r.contct-btn_width:hover:after,.stok_wb_r.contct-btn_width:hover:before{background:no-repeat}
.join_us{text-align:center;top:-2.314vw;position:absolute;width:100%}
.bo_l img,.bo_r img,.ice_l img,.ice_r img,.nut_l img,.nut_r img,.h_icon img,.s_bre span.arrow_w img,.logo-h img,.l_cont .icon_l img,.pro_sec .po_img img{width:100%}
.bo_l,.bo_r,.ice_l,.ice_r,.nut_l,.nut_r{position:absolute}
.top-fixed.current .stok_wb_r,#navbar.current .stok_wb_r{background:url(../images/BTN_bg-w_over.png) no-repeat center;background-size:100%;color:#000}
.top-fixed.current a,#navbar.current a{}
header.top-fixed.current .logo-h,#navbar.current .logo-h{background:none}
header.top-fixed.current,#navbar.current{background-color:#f93822}
.slick-dots{z-index:1}
.slick-dots li{display:inline-block;padding:2px}
.slick-dots li button{background-color:#f93822;border:none;width:10px;height:10px;border-radius:10px;font-size:0;line-height:0;padding-inline-end:0;padding-block-end:0;padding-inline-start:0;cursor:pointer}
li.slick-active button{background-color:#929292}
.slick-prev,.slick-next{position:absolute;width:4.1111111111111vw;height:9.1111111111111vw;border:none;font-size:0;top:34.5%;z-index:2;cursor:pointer;outline:none}
.slick-initialized .slick-slide{line-height:0}
.slick-prev{left:0;background:url(../images/slider-icon/arrow_right.png) no-repeat 0 0;background-size:contain}
.slick-prev:hover{background:url(../images/slider-icon/arrow_right_h.png) no-repeat 0 0;background-size:contain}
.slick-next{right:0;background:url(../images/slider-icon/arrow_left.png) no-repeat 0 0;background-size:contain}
.slick-next:hover{background:url(../images/slider-icon/arrow_left_h.png) no-repeat 0 0;background-size:contain}
.half{width:50%;margin-left:0;vertical-align:top}
 /*Mobile Nav  .mobile_menu*/  
  .mobile_menu{background-color:#f93822;padding:.66666666666667vw 0 2vw;overflow-x:auto;overflow-y:auto;position:fixed;width:100%;right:0;bottom:0;top:0;z-index:999999}
#mobile-nav{padding:12vw 0 2.6666666666667vw}
.mobile_menu .m_header{padding:1.88888888vw 4vw;background-color:#000006;text-align:right;position:relative}
.mobile_menu .mnav-close{font-size:6.3333333333333vw;color:#f93822}
.mobile_menu li.mnav-he,.mobile_menu li.nav_sub-heading{color:#000006;position:relative}
.mobile_menu #mobile-nav ul li.mnav-he{font-size:6.6666666666667vw}
.mobile_menu .mnav-he > a,.mobile_menu .mnav-he .nav_sub-heading > a{color:#000006;text-decoration:none;position:relative;width:100%}
.mobile_menu .sub_link{font-size:3.511111vw}
.mobile_menu .sub_link_sm{font-size:2.688889vw}
.mobile_menu ul li a{border-top:.72777777777778vw solid #ff5443;padding:.2vw 0;line-height:1.5}
.mobile_menu li.mnav-he a{padding-top:2vw;padding-bottom:1.5vw}
.mobile_menu ul li a{text-decoration:none;display:block;padding:.2vw 8vw}
.mobile_menu ul.msub_sub-link li a{padding:1.5vw 0;display:block}
.mobile_menu ul li.nav_sub-heading>a{font-size:5vw;color:#000006;padding-top:2vw!important;padding-bottom:3.2vw!important}
.mobile_menu .mnav-logo{position:absolute;width:22vw;left:41%;top:0}
.mobile_menu .navstybutton{width:100%;text-align:center;padding:7vw 0}
.mobile_menu .mshop-width{width:64.666666666667vw;font-size:6vw}
#mobile-nav .social_m{text-align:center;padding:2vw 0}
#mobile-nav .social_m a{font-size:7.222222vw}
#mobile-nav ul ul{display:none}
#mobile-nav li.active>ul{display:block}
#mobile-nav .mnav-open:not(:only-child):after{content:"\f067";font-family:fontawesome;position:relative;top:7.5vw}
.mnav-open{font-size:6vw;line-height:0;width:19%;display:inline-block;position:absolute;top:0;right:0;height:100%;text-align:center;z-index:999}
#mobile-nav li.active > a{background-color:#d14336}
#mobile-nav .active>.mnav-open:not(:only-child):after{content:"\f068"}
#mobile-nav ul.msub-link li a{padding-left:12vw}
#mobile-nav ul.msub-link .msub_sub-link li{padding-left:0}
/*End Mobile Menu====*/
/*helping Style bg====*/
.diver_b-bl{background:url(../images/bl_bg.png) repeat-x 0 0;width:100%;height:34px;opacity:.8}
.diver_b-black{background:url(../images/d_black.png) repeat-x 0 0;width:100%;height:2.2222222222222223vw}
.diver_b{background:url(../images/Stripes-White.png) repeat-x 0 -20px;width:100%;height:40px;opacity: 0.6;}
.af_bef-light{position:relative}
.af_bef-light:after,.af_bef-light:before{position: absolute; top:0; width: 3.03333333333333335vw; height: 3.03333333333333335vw;}
/*==============*/
.input_row{padding-bottom: 1.1111111111111112vw; position: relative;}
.input-style{width:100%;border:3px solid #808083;padding:.6em 1em; font-size:1.1111111111111vw}
/*bottomslider*/
.slick-slider img{width:100%}
.bot_slider{width:100%;overflow:hidden;background:url(../images/slider-img/slider-bg.jpg) no-repeat;background-size:cover}
.bot_slider .an-img{width:100%;text-align:center;display:block}
.bot_slider .an-img img{width:19.444444444444vw;margin-top:6vw}
.bot_slider .img_cap{color:#fff;text-align:center;line-height:2}
.bot_slider .slick-dots{left:22.7555555%;bottom:8%}
.bot_slider .img_cap h3{font-size:3.1111111111111vw;font-weight:100}
.bot_slider .img_cap h2{font-size:2.4444444444444vw;font-weight:100}
@media(max-width:767px) {
  .bot_slider .slick-prev,.slick-next{top:17.5%}
  }
/*How WE DO*/
.become{padding-top:3.5555555555556vw;text-align:center;padding-bottom:4.5vw}
.become h5{font-size:2vw;color:#fff;line-height:1.4}
.become,.hwe_do{background:url(../images/background-redswirl.jpg) no-repeat;background-size:100%}
/*============Page Heading==================*/
.body-top_padding{padding-top:8.5vw}
.bg-color{background:#f83821}
.bg-color_img{background:#f83821 url(../images/background-dots-red.jpg) 0 0;background-position-y:bottom;background-position-x:right;background-repeat:no-repeat;background-size: 45%}
.pos_half{position:absolute;z-index:0;width:100%;left:0;right:0;top:0;height:50%}
main.page-continer{width:100%;position:relative}
.page-about{width:100%;text-align:center;color:#fff;position: relative;}
.page-about h2{margin-bottom:.2vw}
.page-about h1{line-height:1;color:#000006}
.page-about.black-dot_bg h1{color:#fff}
.page-about h1 span{display:inline-block}
.page-about h1 span img{vertical-align:top;width:100%}
.page-about p{line-height:1}
.pro_con{padding-top:3.278vw;padding-bottom:1.944vw;text-align:center;margin-bottom:6vw}
.poduct-img{max-width:33vw;width:100%}
.prod-tag{font-size:1.2933333333333vw;margin-top:.45vw}
.pro_cont-de{line-height:1;padding-top:1.8777777777778vw}
.pro_con .pro-name{font-size:2.2222222222222vw;margin-bottom:.444444vw;text-transform:uppercase}
.pro_con .pro-type{font-size:2.7777777777778vw;text-transform:uppercase;line-height:1.4}
.pro_con p{margin:.6666vw 0}
.pro_con .pro_con-btn{margin-top:1.4666666666667vw}
.stok-breadcrumb,.stok-breadcrumb a,.stok-breadcrumb a:active,.stok-breadcrumb a:focus{color:#808083;font-size:.88888888888889vw;text-decoration:none;position:relative;text-align:left}
.stok-breadcrumb a .fa{font-size:.777777777vw}
.body-top_padding .stok-breadcrumb{line-height:0;width:100%;padding-left:3.3333333333333vw;margin:-1.5555555555vw auto 1.5vw}
/*==============*/
.black-bg{background-color:#000006}
ul.share_icons{width:2.7777777777778vw;display:none;position:absolute;bottom:101%;right:0;left:3.55555vw}
.share-icon a{text-align:center}
ul.share_icons li.shicon a{width:2.7777777777778vw;height:2.7777777777778vw;border-radius:50%;color:#808083;background-color:#000006;display:block;padding-top:.444444vw;font-size:1.3333333333333vw;margin-bottom:.3333333vw}
ul.share_icons li.shicon a:hover{color:#fff}
.fa-share.fa-remove::before,.fa-share.fa-close::before,.fa-share.fa-times::before{content:"\f00d"}
@media(min-width:768px) {
.page-about h1{font-size:3.8888888888889vw;letter-spacing:.05vw}
.page-about h1 span,.page-about h2 span{padding:0 1.6666666666667vw}
.page-about h2{font-size:3.3333333333333vw;letter-spacing:.05vw}
.slick-dots li button{width:.55555555555556vw;height:.55555555555556vw;border-radius:50%}
.slick-dots li{padding:.11111111111111vw}
.pullleft{flex-direction:row-reverse}
.rotating-campaign .diver_b{height:2.666666vw}
.over-product a{text-decoration:none}
}
@media(max-width:767px) {
.body-top_padding .stok-breadcrumb{margin:-6.5555555555vw auto 1.8vw}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{padding-right:15px;padding-left:15px}
.poduct-img{max-width:90vw}
.page-about h1 span{max-width:100vw;width:100%;display:inline-block}
.af_bef-light:after,.af_bef-light:before{position:absolute;top:1.5vw;width:12.033333vw;height:12.033333vw}
.af_bef-light:after{left:2%}
.af_bef-light:before{right:1%}
.body-top_padding{padding-top:14vw}
.prod-tag{font-size:5.83333vw;max-width:91vw;margin:0 auto;font-weight:100;padding:2vw 0 7vw}
.pos_half{height:13%}
.pro_con .pro-type{font-size:9.777778vw}
.pro_con .pro-name{font-size:7.222222vw}
.pro_con p{margin:1.6666vw 0 5vw;font-size:3.888888888vw}
.pro_cont-de{padding-top:5.3333333333333vw;padding-bottom:14.333333vw}
.zindex0{z-index:0}
.zindex2{z-index:2}
.stoimg{margin-top:-37vw;z-index:0}
.stock-btn:hover::before,.stok_wb:hover::before,.stok_wb_r:hover::before{right:-6.177778vw}
ul.share_icons li.shicon a{width:10.777778vw;height:10.777778vw;padding-top:.5555555555vw;font-size:6.333333vw;margin-left:0}
ul.share_icons{width:10.777778vw;bottom:109%;left:14.556vw}
.diver_b {height: 6.444vw;}
.diver_b-black{height:4.88888vw}
}
/**/
.black-dot_bg{background:#000006 url(../images/black-dot_bg.jpg) no-repeat 0 0;background-size:cover;color:#fff}
#black-dt .black-dot_bg{padding:3.8888888888889vw 0;text-align:center;color:#fff}
#black-dt .black-dot_bg h1,.black-dot_bg h2{line-height:1;font-weight:100}
#black-dt .black-dot_bg h1{position:relative;padding:0 5vw;display:table;margin:0 auto}
#black-dt .black-dot_bg h1 span img{display:none}
.page_about-icon img{max-width:9.111vw;margin-bottom: 0.2vw;}
#reviews .review-header .reating{font-size:1.888888888vw}
/*=====arrow left and right=========*/
.left_arrow,.right_arrow{position:absolute;top:37%}
.left_arrow{left:0}
.right_arrow{right:0}
.left_arrow a,.right_arrow a{width:4.333333333333333vw;height:9.166666666666666vw;display:block;opacity:.6}
.left_arrow a{left:0;background:url(../images/slider-icon/arrow_right.png) no-repeat;background-size:contain}
.right_arrow a{right:0;background:url(../images/slider-icon/arrow_left.png) no-repeat;background-size:contain}
.left_arrow a:hover{left:0;background:url(../images/slider-icon/arrow_right_h.png) no-repeat;background-size:contain}
.right_arrow a:hover{right:0;background:url(../images/slider-icon/arrow_left_h.png) no-repeat;background-size:contain}
@media(max-width:767px) {
.left_arrow a,.right_arrow a{width:12.933333333333334vw;height:27.6vw}
.right_arrow{right:0}
.left_arrow{left:0}
.left_arrow,.right_arrow{top:37%}
}
  /*share==========icons*/
  .we-stokcontiner{width:88.888888888889vw;margin:0 auto}
  .we-stokcontiner .share-icon{position:relative;display:inline-block;color:#fff;text-transform:uppercase;font-size:.88888888888889vw;text-align:right;top:0}
  .we-stokcontiner ul.share_icons{right:36%}
  .we-stokcontiner .share-icon span.share{width:2.7777777777778vw;height:2.7777777777778vw;border-radius:50%;color:#fff;background-color:#000006;display:inline-block;padding-top:.444444vw;font-size:1.3333333333333vw;margin-left:.5vw}
  @media(max-width:767px) {
  .we-stokcontiner .share-icon{display:none;}
  .we-stokcontiner .share-icon span.share{width:9.777778vw;height:9.777778vw;padding-top:1.555556vw;font-size:4.333333vw;margin-left:2.2vw}
  .we-stokcontiner .share-icon{top:0;font-size:3.888889vw;right:4vw}
  .we-stokcontiner{width:95vw;padding-top:5vw}
  }
/*============*/
/****carousel-img****/
.carousel-img .slick-track> div{padding:.5vw}
.carousel-img .slick-track> div img{border:5px solid #000006;border-radius:7px}
.carousel-img .slick-prev,.carousel-img .slick-next{width:3.9444444444444vw;height:7.9444444444444vw;top:4.2222222vw}
.carousel-img .slick-prev{left:-3.4444444vw;background:url(../images/slider-icon/carousel-left-w.png) no-repeat 0 0;background-size:auto auto;background-size:contain}
.carousel-img .slick-next{left:65.68888888888vw;background:url(../images/slider-icon/carousel-right-w.png) no-repeat 0 0;background-size:auto auto;background-size:contain}
.carousel-img .slick-next:hover{background:url(../images/slider-icon/carousel-right-h-w.png) no-repeat 0 0;background-size:contain}
.carousel-img .slick-prev:hover{background:url(../images/slider-icon/carousel-left-h-w.png) no-repeat 0 0;background-size:contain}
@media(max-width:767px) {
.carousel-img .slick-prev,.carousel-img .slick-next{width:10.666666666667vw;height:23.866666666667vw;top:11.8222222vw}
.carousel-img .slick-prev{left:84.988889vw;background:url(../images/slider-icon/carousel-left-w.png) no-repeat 0 0;background-size:auto auto;background-size:contain}
.carousel-img .slick-next{left:.5vw;background:url(../images/slider-icon/carousel-right-w.png) no-repeat 0 0;background-size:auto auto;background-size:contain}
}
  /**/
  @media(min-width:768px) {
    .continer-width{max-width:90vw;width:100%}
    #black-dt .black-dot_bg h1::after,#black-dt .black-dot_bg h1::before{content:'';max-width:13.889vw;width:100%;height:3vw;position:absolute;top:.27777777777778vw}
    #black-dt .black-dot_bg h1::after{content:'';background:url(../images/icon-arrow-black_r.png) center center no-repeat;background-size:100%;right:-10.055555555556vw}
    #black-dt .black-dot_bg h1::before{content:'';background:url(../images/icon-arrow-black.png) center center no-repeat;background-size:100%;left:-10.055555555556vw}
    }
    @media(max-width:767px) {
    #black-dt .black-dot_bg{padding:18.666666666667vw 0}
    .page_about-icon img{max-width:30.333333vw}
    #black-dt .black-dot_bg h1::after,#black-dt .black-dot_bg h1::before{content:'';max-width:20.889vw;width:100%;height:15vw;position:absolute;top:.27777777777778vw}
    #black-dt .black-dot_bg h1::after{content:'';background:url(../images/m-icon-arrow-black_r.png) center center no-repeat;background-size:100%;right:0}
    #black-dt .black-dot_bg h1::before{content:'';background:url(../images/m-icon-arrow-black.png) center center no-repeat;background-size:100%;left:0}
    #black-dt .black-dot_bg h1{position:relative;padding:0 5vw;display:block;margin:0 auto}
    }
/*all Global Media*/
@media(min-width:1200px) {
  header nav#navbar ul.navbar_l >li >a,header nav#navbar ul.navbar_r >li >a{font-size:1vw}
  .teams_link{font-size:.66666666666667vw}
  }
  @media(min-width:768px) {

  .mobile_menu{display:none}
  .d-hide{display:none}
  .bot_slider .an-img{position:absolute;bottom:0;top:0;left:0;right:0;height:100%}
  .bot_slider{margin:0;padding:0;display:flex}
  .bot_slider .an-img.slider-icons{padding-top:3.8%}
  .bot_slider .an-img.slider-icons .img_cap{bottom:19%}
  .bot_slider .an-img.slider-icons img{width:5.4444444444444vw}
  .bot_slider .slick-dots{position:absolute;bottom:5%}
  .bot_slider .slick-slider{position:static!important}
  .bot_slider .img_cap{position:absolute;left:-74%;bottom:10%}
  .bot_slider .slick-list{overflow:visible!important}
  .inner-slider.bot_slider .img_cap{bottom:21%}
  .s_bre-cont,.po_name h2,.hwe_do h2{font-size:4.4444444444444vw}
  .h_cont h1,.po_name h1,.hwe_do h1{font-size:5vw;font-weight:100}
  }
  @media(min-width:768px) and (max-width:990px) {
    .shop-width{width:11.222222vw;font-size:1.3vw}
    .bot_slider .slick-dots{left:21.2%;bottom:6%}
    .mega-menu .l_col{width:38.056vw}
    .sub_link {font-size: 1.22222vw}
    .mega-menu .r_col li {padding: 0vw 0;line-height: 1.4;}
    }
  @media(max-width:767px) {

  body{font-size:3.2vw;line-height: 1.4;}
  [class*="col-"]{padding-right:0;padding-left:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  .stok_c_b-width{width:59.333333333333vw}
  .learn_m-width{width:49.6vw}
  .contct-btn_width{width:35.166667vw;font-size:2.9vw!important}
  .flov_m-width{width:60.166667vw}
  .stock-btn,.stok_wb,.stok_wb_r{padding:2.7333333vw 0;font-size:3.879vw}
  .cbrow101_m-width{width:50.333333vw}
  .h_cont .stybutton{padding:2.333333vw 0 0}
  .m-hide{display:none!important}
  .half{width:100%;display:block}
  .stock-btn.join-width{width:36.056vw;font-size:4vw}
  .join_us{top:-5.314vw}
  .shop-width{max-width:32.4vw;font-size:3.188889vw;width:100%}
  .main-wrapper{width:100%;padding-top:7.088888vw;transition:right .3s ease-in-out;position:relative;right:0}
  .mob_header{background-color:#000006;color:#fff;width:100%;right:0;display:flex;position:fixed;z-index:999;padding:.6vw 2vw;transition:right .3s ease-in-out;-moz-box-shadow:1px 4px 5px rgba(0,0,0,0.28);-webkit-box-shadow:1px 4px 5px rgba(0,0,0,0.28);box-shadow:1px 4px 5px rgba(0,0,0,0.28)}
  .mob_header.open{right:100%;transition:right .3s ease-in-out}
  .mobile_menu{right:-100%;transition:right .3s ease-in-out}
  .mobile_menu.open{right:-0;transition:right .3s ease-in-out}
  .mob_header.open,.mobile_menu.open{transition:right .3s ease-in-out}
  .main-wrapper.open{right:100%}
  .m-h_logo,.m_shop,.toggle_but{width:33.333333%;position:relative}
  .m-h_logo img{width:22vw;position:absolute;top:-1vw;left:4.5248868778281vw}
  .toggle_but{font-size:7.38vw;text-align:right;}
  .toggle_but span.mob-btn{color:#f93822;cursor:pointer;font-size:8vw}
  .bot_slider .an-img img{width:72vw;margin-top:10.666666666667vw;margin-bottom:10.666666666667vw}
  .bot_slider .img_cap{padding:10vw 0 0}
  .bot_slider .img_cap h3{font-size:10.111111vw}
  .bot_slider l.img_cap h2{font-size:8.58vw}
  .bot_slider .img_cap h2{font-size:8.444444vw;font-weight:100}
  .bot_slider .slick-dots{padding:.1vw 0 10vw;text-align:center}
  .slick-prev,.slick-next{width:9.111111vw;height:20.111111vw}
  .stock-btn:hover::after,.stok_wb:hover::after,.stok_wb_r:hover::after{left:-6.177778vw}
  .stock-btn:hover::before,.stok_wb:hover::before,.stok_wb_r:hover::before::before{right:-7.177778vw}
  .stock-btn:hover::after,.stock-btn:hover::before,.stok_wb:hover::after,.stok_wb_r:hover::after,.stok_wb:hover::before,.stok_wb_r:hover::before{width:7.177778vw;height:8.377778vw}
  .become,.hwe_do{background-size:auto}
  .become h5{font-size:6vw;max-width:80vw;margin:0 auto}
  .become{padding:7.555556vw 0 12.5vw}
  .footer_link ul{width:100%;margin-left:0;margin-bottom:2vw}
  .footer_link li.f_head a{font-size:4vw;font-weight:100}
  .footer_link li a{font-size:3.3333333333333vw;padding:.8vw 0}
  .teams_link{font-size:2vw}
  .c_add{width:100%;text-align:center;padding:7vw 0 0}
  .footer_l{width:63%}
  .footer_r{width:38%;text-align:center}
  .social_m{text-align:right}
  .f_logo{max-width:27.222222vw;width:100%;margin:0 0 1.8666666666667vw auto}
  .footer_cont{max-width:81.333333vw}
  .social_m a{padding:0 2.3vw 0 0;font-size:5.222222vw}
  .footer{padding-bottom:13.333333333333vw;padding-top:13.333333333333vw}
  .stok-breadcrumb{display:none}
  .font-32{font-size:6vw}
  .font-36{font-size:6vw}
  .font-24,.font-24-b,.font-20{font-size:4vw}
  .mobile_menu .mshop-width{width:63.666667vw;font-size:5vw}
  .bg-color_img{background-size:cover;background-position-y:7vw}
  #reviews .review-header .reating{font-size:4.5vw}
  #reviews .review-header{line-height:2}
  .input-style {
    padding: .6em 1em;
    font-size: 4vw;
}

.input_row {
  padding-bottom:4.555555vw;
}
.stock-btn.join-width.sendbut {
  line-height: 15vw !important;
}
  }

.submit-button123{
background: black;
    color: white;
    width: 20%;
    padding: 10px;
    margin-left: 40%;
    margin-top: 20px;
}