@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap");
/************************** font_family end here *********************************/
/*red-color*/
/*black-color*/
/*****  mixin  *****/
/***** mixin  *****/
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {margin: 0;padding: 0; }
h1,
h2,
h3,
h4,
h5,
h6 {font-family: "Barlow", sans-serif; }
a {color: #121212; }
a:hover {text-decoration: none; }
body {font-family: "Barlow", sans-serif; }
li {list-style: none; }
a {transition: 0.45s; }
.no_padd {padding: 0px; }
html {overflow-x: hidden; }

header {border-top: 14px solid #e3b017;border-bottom: 3px solid #e3b017; }
header .top-logo {padding: 10px 0; }
header .top-email {position: relative;line-height: 60px; }
header .top-email ul {display: flex;align-items: center;justify-content: end; }
header .top-email ul li {padding-left: 20px; }
header .top-email ul li a {color: #373737;font-size: 18px; }
header .top-email ul li a span {padding-left: 5px; }
header .top-email ul li a:hover {color: #e3b017; }
header .top-email::after {content: "";width: 1000px;position: absolute;bottom: 0;left: 170px;background: #c7c7c7;height: 1px; display:none;}
header .top-social-area {display: flex;align-items: center;justify-content: end;padding-top: 37px; }
header .top-social-area .top-social ul {display: flex;align-items: center; }
header .top-social-area .top-social ul li p {font-size: 20px;color: #373737;padding-right: 10px; }
header .top-social-area .top-social ul li a {font-size: 20px;color: #373737;display: inline-block;padding: 5px 7px; }
header .top-social-area .top-social ul li a:hover {color: #e3b017; }
header .top-social-area .top-search {margin-left: 30px; }
header .top-social-area .top-search form {position: relative; }
header .top-social-area .top-search form input {width: 300px;height: 42px;border: 1px solid #e3b017;background: transparent;padding-left: 15px;border-radius: 3px;font-size: 13px; }
header .top-social-area .top-search form button {position: absolute;transition: 0.45s;cursor: pointer;top: 0;right: 0;width: 42px;height: 42px;background: #e3b017;line-height: 40px;color: #fff;border: 0; }
header .top-social-area .top-search form button:hover {background: #000; color:#fff;}
header .top-navigation .nav-area ul {display: flex;align-items: center; }
header .top-navigation .nav-area ul li{ position:relative;}
header .top-navigation .nav-area ul li a{ font-size:20px; color:#000; margin:0 0 0 0; padding:11px 40px; text-transform:capitalize; display:block; transition:all 0.5s;}
header .top-navigation .nav-area ul li a:hover{ color:#e3b017;}

header .top-navigation .nav-area ul li ul{ display:none; position:absolute; z-index:99; background:#f3cc56eb; width:250px; padding:8px; transition:all 0.5s;}
header .top-navigation .nav-area ul li:hover ul{ display:block;}
header .top-navigation .nav-area ul li ul li{ padding:0 0;}
header .top-navigation .nav-area ul li ul li a{ font-size:15px; font-weight:500; text-transform:capitalize; padding:5px 10px;}
	
	
	
.langtop{ position:relative; text-align:right;}
.langtop p a{ font-size:30px; color:#000; margin:0 0 0 0; padding:3px 20px; text-transform:capitalize; display:block; transition:all 0.5s;}
.langtop p a:hover{ color:#e3b017;}
.langtop ul{ display:none; transition:all 0.5s; background:#ccc; width:80px; position:absolute; z-index:1; left:133px; right:0; text-align:center;}
.langtop:hover ul{ display:block;}


/*language drop down*/
.langtop ul.lann{ display:none !important; position:absolute; transition: all 0.3s; z-index:999; background:#ccc; width:45px; left:134px !important; padding:0 0 0 0; top:100%; min-height:109px;
 text-align:center !important;}
.langtop ul li{ position:relative;}
.langtop:hover ul.lann{ display:block !important; text-align:center !important;}
.langtop ul li{ padding:0 0 0 0;}

.langtop ul li ul a{ display:inline-block !important; text-align:center !important; padding:2px 0 !important; border:none !important;}



/*banner bottom area*/
.qualitycont{ padding:70px 0;}
.quality{ border:2px solid #cdcdcd; text-align:center; margin:0 0 0 0; padding:40px 70px; transition:all 0.5s;}
.quality:hover{ border:2px solid #e3b017; border-radius:14px;}
.quality img{}
.quality h4{ font-size:25px; color:#000; margin:0 0 6px 0; padding:12px 0px; text-transform:capitalize; display:block; position:relative;}
.quality h4::after{ content:" "; position:absolute; z-index:1; bottom:0; background:#1e1d1e; height:1px; width:40px; left:58px;}
.quality p{ font-size:15px; font-weight:400; color:#1e1d1e; margin:0 0 0 0; padding:0 0 12px 0px; line-height:26px; text-transform:capitalize;}

/*short about*/
.shortaboutcont{ background:url(../images/shortaboutbg.jpg) no-repeat center center; padding:50px 0;}
.shortleft{}
.shortleft img{ border: 10px solid #9f9c9c;}

.shortright{}
.shortright h1{ font-size:30px; font-weight:400; color:#000; margin:0 0 0 0; padding:10px 0; text-transform:uppercase; display:block; position:relative;}
/*
.shortright h1::after{ content:" "; position:absolute; z-index:1; background:#1e1d1e; height:2px; width:44px; left:0px; bottom:17px;}
.shortright h1::before{ content:" "; position:absolute; z-index:1; background:#1e1d1e; height:2px; width:44px; right:306px; bottom:17px;}
*/
.shortright h2{ font-size:38px; font-weight:bold; color:#000; margin:0 0 0 0; padding:0 0 10px 0px; text-transform:uppercase; display:block;}
.shortright h3{ font-size:22px; font-weight:400; color:#000; margin:0 0 0 0; padding:0 0 22px 0px; text-transform:capitalize; display:block; text-decoration:underline;}
.shortright h4{ font-size:16px; font-weight:400; color:#000; margin:0 0 0 0; padding:0 0 10px 0px; line-height:30px; text-transform:capitalize; display:block;}
.shortright p{ font-size:18px; font-weight:500; color:#000; margin:0 0 0 0; padding:0 0 10px 0px; line-height:26px; text-transform:capitalize; display:block;}
.shortright ul{ margin:20px 0 0 0;}
.shortright ul li{ display:inline-block; margin:0 0 0 0; padding:0 12px 0 0;}
.shortright ul li a{ font-size:18px; font-weight:500; width:138px; height:46px; line-height:46px; border:1px solid #000; text-align:center; display:inline-block; margin:0 0; padding:0 0; transition:all 0.5s;}
.shortright ul li a:hover{ background:#e3b017;}

/*categories start*/
.categoriescont{ padding:64px 0;}
.catheading{ text-align:center;}
.catheading h4{ font-size:40px; font-weight:bold; color:#000; margin:0 0 40px 0; padding:9px 0px; text-transform:uppercase; display:inline-block; position:relative; border-top:1px solid #000;
 border-bottom:1px solid #000;}
 
.categoriescont .container-fluid{ padding-right:14px; padding-left:14px;}
.categoriescont .container-fluid .row{ margin-right:-7px; margin-left:-7px;}
.left-cols{ width:27.4%; padding:0 7px;}
.center-cols{ width:22.6%; padding:0 7px;}
.right-cols{ width:27.4%; padding:0 7px;}
.mg-b-14{ margin-bottom:14px;}

.cat1{ position:relative; transition:all 0.5s;}
.cat1:hover .catimg::after{ opacity:1;}
.catimg{}
.catimg img{}
.catimg::after{transition:0.4s; position:absolute; z-index:999; content: ""; background:#caa433ad; width:100%; height:100%; left:0; right:0; bottom:0; opacity:0;}
.catname{ position:absolute; left:20px; bottom:40px; z-index:1;}
.catname h4{ font-size:32px; font-weight:600; color:#fff; margin:0 0 0 0; padding:0 0 10px 0px; text-transform:capitalize; display:block;}
.catname p{ font-size:16px; font-weight:400; color:#fff; margin:0 0 0 0; padding:0 0 0px 0px; text-transform:capitalize; display:block;}
.cat1:hover .catname{ display:none;}
.cat-hovereff{ display:none; position:absolute; z-index:999; left:0; right:0; text-align:center; top:50%;}
.cat-hovereff a{ width:230px; height:66px; line-height:66px; text-align:center; display:inline-block; background:#000; color:#fff; font-size:17px; font-weight:400; text-transform:capitalize;}
.cat1:hover .cat-hovereff{ display:block;}


/*feature product start*/
.productscont{ padding:0 0 64px 0;}
.featuremain{ transition:all 0.5s; overflow:hidden; text-align:center; position:relative;}
.featuremain:hover .featureimg{ border:1px solid #000; border-radius:8px;}
.featureimg{ margin:0 0 15px 0; border:1px solid #e3b017; transition:all 0.5s; padding:15px 0;}
.featureimg img{}
.featurename{}
.featurename h4{ font-size:23px; font-weight:bold; color:#000; margin:0 0 0 0; padding:0 0 10px 0px; display:block;}
.featurename p{ font-size:22px; font-weight:400; color:#000; margin:0 0 0 0; padding:0px 0 0px 0px; display:block;}

.featuremain:hover .hovereff{ display:block;}
.hovereff{ display:none; position:absolute; z-index:9; left:0; right:0; text-align:center; top:30%; transition:all 0.5s;}
.hovereff ul{ margin:0 0 0 0; padding:0 0 0 0;}
.hovereff ul li{ display:inline-block; margin:0 0 0 0; padding:0 0 0 0;}
.hovereff ul li a{ width:52px; height:50px; line-height:50px; display:block; background:#e3b017; color:#fff; font-size:22px; text-align:center; margin:0 0 0 0; padding:0 0 0 0;}
.hovereff ul li a:hover{ background:#000;}
.hovereff p{ font-size:20px; font-weight:500; color:#fff; margin:0 0 0 0; padding:12px 0 0px 0px; display:block;}


/*catlog area*/
.catalogcont{ background:silver; padding:50px 0;}
.catlogheading{ text-align:center; padding:0 0 40px 0;}
.catlogheading h4{ font-size:40px; font-weight:bold; color:#fff; margin:0 0 40px 0; padding:9px 0px; text-transform:uppercase; display:inline-block; position:relative; border-top:1px solid #fff;
 border-bottom:1px solid #fff;}
.newleft{ position:relative; padding:0px 0;}
.newimg{ background:#e3b017; width:384px; height:428px;}

.newsname{ position:absolute; z-index:1; top:0; text-align:center; padding:12px 24px;}
.newsname h4{ font-size:30px; font-weight:bold; color:#fff; margin:0 0 6px 0; padding:12px 0px; text-transform:uppercase; display:block; position:relative;}
.newsname h4::after{ content:" "; position:absolute; z-index:1; bottom:0; background:#fff; height:2px; width:80px; left:168px;}
.newsname p{ font-size:16px; font-weight:400; color:#e3e3e3; margin:0 0 0 0; padding:12px 0 0px 0px; display:block;}

 
.catlogheading p{ font-size:18px; font-weight:400; color:#fff; margin:0 0 0 0; padding:0px 0px; line-height:28px;}
.catlogright{}
.catlogright img{ position:relative;}
.catlogright ul{ position:absolute; z-index:1; bottom:10px; right:12px;}
.catlogright ul li{ list-style:none; display:inline-block; bottom:10px;}
.catlogright ul li a{ font-size:18px; font-weight:500; width:183px; height:45px; line-height:45px; color:#000; background:#fff; text-align:center; display:inline-block; margin:0 0; padding:0 0; 
 transition:all 0.5s; border-radius:5px;}
.catlogright ul li a:hover{ background:#e3b017;}

/*certificates start*/
.certificatescont{ padding:70px 0;}
.certi{ text-align:center; border:1px solid #000000;}

/*newsletter*/
.newslettercont{ background:#e3b016c2; padding:70px 0;}
.newletter{}
.newletter h4{ font-size:25px; font-weight:500; color:#fff; margin:0 0 0 0; padding:0 0 14px 0px; display:block; text-transform:capitalize; text-align:center;}
.newletter p{ font-size:15px; font-weight:400; color:#fff; margin:0 0 0 0; padding:0px 0 30px 0px; display:block; text-align:center;}
.newletter form{ position:relative;}
.newletter input{ position:relative; color:#000; font-size:14px; font-weight:500; width:480px; height:59px; line-height:59px; border:none; outline:none; border-radius:4px; padding:0 0 0 8px; margin:0 0 0 0;}
.newletter button{ position:absolute; right:0; z-index:1; background:#e3b017; width:141px; height:59px; line-height:59px; border:none; outline:none; border-radius:4px; padding:0 0 0 8px; margin:0 0 0 0;
 text-align:center; font-size:16px; color:#000; font-weight:600; cursor:pointer; transition:all 0.5s;}
.newletter button:hover{ background:#fff;}
.bordertp{ border-top:1px solid #707070; margin:45px 0 0 0; padding:33px 0 0 0;}
.newletter ul{ margin:0 0 0 0; padding:0 0 0 0; text-align:center;}
.newletter ul li{ list-style:none; display:inline-block; margin:0 0 0 0; padding:0 12px 0 0;}
.newletter ul li a{ width:57px; height:56px; line-height:56px; font-size:26px; color:#000; background:#fff; border-radius:4px; text-align:center; display:inline-block; margin:0 0 0 0; padding:0 0 0 0;
 transition:all 0.5s;}
.newletter ul li:nth-child(1) a:hover{ color:#fff; background:#425a95; transform:rotate(360deg); border-radius:50px;}
.newletter ul li:nth-child(2) a:hover{ color:#fff; background:#8348b8; transform:rotate(360deg); border-radius:50px;}
.newletter ul li:nth-child(3) a:hover{ color:#fff; background:#39afe9; transform:rotate(360deg); border-radius:50px;}
.newletter ul li:nth-child(4) a:hover{ color:#fff; background:#0e76a8; transform:rotate(360deg); border-radius:50px;}
.newletter ul li:nth-child(5) a:hover{ color:#fff; background:#3ed66e; transform:rotate(360deg); border-radius:50px;}

/*footer start*/
.footer1{ background:#999999; padding:70px 0;}
.contactfoot{}
.contactfoot h4{ font-size:23px; font-weight:600; color:#000; margin:0 0 0 0; padding:0 0 25px 0px; display:block; text-transform:capitalize;}
.contactfoot p{ font-size:15px; font-weight:400; color:#fff; margin:0 0 0 0; padding:0px 0 8px 0px;}
.contactfoot a{ font-size:15px; font-weight:400; color:#fff; margin:0 0 0 0; padding:0px 0 0px 0px; transition:all 0.5s;}
.contactfoot a:hover{ color:#e3b017;}
.contactfoot span{ font-size:14px; padding:0 6px 0 0;}
.contactfoot .contpp{ padding:0 0 15px 28px;}
.contactfoot ul{ margin:0 0 0 0; padding:0 0 0 0;}
.contactfoot ul li{ margin:0 0 0 0; padding:0 0 0 0;}
.contactfoot ul li a{ font-size:16px; font-weight:400; color:#fff; margin:0 0 2px 0; padding:0px 0 6px 0px; display:block; transition:all 0.5s; position:relative;}
.contactfoot ul li a i{ opacity:0; color:#000; font-size:26px; font-weight:normal; padding:0 0 0 5px;  transition:all 0.5s;}
.contactfoot ul li a:hover i{ opacity:1;}
.contactfoot ul li a::after{ content:" "; position:absolute; z-index:1; left:0; bottom:0; background:#676767; width:120px; height:1px;}

.copyright{ background:#999999; padding:25px 0; border-top:1px solid #000000;}
.copymid{ text-align:center;}
.copymid p{ font-size:16px; font-weight:500; color:#fff; margin:0 0 0 0; padding:0 0 0 0px; display:block; text-transform:capitalize;}
.copymid p span{ font-weight:bold; letter-spacing:1px;}
.copymid p a{ color:#fff; transition:all 0.5s;}
.copymid p a:hover{ color:#e3b017;}


 /*owl slider styline*/
.products_inner:hover{border-color:#a6a6a6;}
.c_slider_1 .item{padding:0px 14px;}
.c_slider_1 .owl-nav{display: block !important;}
.c_slider_1 .owl-nav .owl-prev{ position:absolute; top:44%; left:-49px; transform:translateY(-30%);width:41px; height:41px; line-height:41px; text-align: center;transition: 0.45s; color:#fff;
 border-radius:50px; background:#000;}
.c_slider_1 .owl-nav .owl-prev i{ display:block; color:#fff; font-size:35px; width:41px; height:41px; line-height:41px; text-align:center; padding:0 0; transition:0.45s all;}
.c_slider_1 .owl-nav .owl-prev:hover{ color:#fff; background:#e3b017;}
.c_slider_1 .owl-nav .owl-prev:hover i{}
.c_slider_1 .owl-nav .owl-next{ position:absolute; top:44%; right:-49px; transform:translateY(-30%); width:41px; height:41px; line-height:41px; text-align:center; transition:0.45s; color:#fff;
 border-radius:50px; background:#000;}
.c_slider_1 .owl-nav .owl-next i{display:block; color:#fff; font-size:35px; text-align:center; padding:0 0; width:41px; height:41px; line-height:41px; transition: 0.45s all;}
.c_slider_1 .owl-nav .owl-next:hover i{ color:#fff; background:#e3b017; border-radius:50px;}
.c_slider_1 .owl-nav .owl-next:hover{}

 /*owl slider styline*/
.products_inner:hover{border-color:#a6a6a6;}
.c_slider_2 .item{padding:0px 14px;}
.c_slider_2 .owl-nav{display: block !important;}
.c_slider_2 .owl-nav .owl-prev{ position:absolute; top:44%; left:-49px; transform:translateY(-30%);width:46px; height:43px; line-height:43px; border:1px solid #fff; text-align: center;transition: 0.45s;
 color:#1e1e1e; border-radius:4px;}
.c_slider_2 .owl-nav .owl-prev i{ display:block; color:#1e1e1e; font-size:35px; text-align:center; padding:10px 0; transition:0.45s all;}
.c_slider_2 .owl-nav .owl-prev:hover{ color:#e3b017;}
.c_slider_2 .owl-nav .owl-prev:hover i{ color:#e3b017;}
.c_slider_2 .owl-nav .owl-next{ position:absolute; top:44%; right:-49px; transform:translateY(-30%); border:1px solid #fff; width:46px; height:43px; line-height:43px; text-align:center; transition:0.45s;
 color:#1e1e1e; border-radius:4px;}
.c_slider_2 .owl-nav .owl-next i{display:block; color:#1e1e1e; font-size:35px; text-align:center; padding:10px 0; transition: 0.45s all;}
.c_slider_2 .owl-nav .owl-next:hover i{ color:#e3b017;}
.c_slider_2 .owl-nav .owl-next:hover{ color:#e3b017;}


/*Search*/
.open-search{background:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; right:0px; z-index:9999; bottom:0px; height:100%;}
.open-search .search-target{position:absolute; top:50%; left:15%; right:15%; text-align:center; transform:translateY(-50%);}
.open-search .search-target form{position:relative;}
.open-search .search-target form input{display:block; padding-left:20px; width:100%; outline:none; border-radius:5px; font-size:16px; height:60px;
 background:transparent; color:#ffffff; border:none; border-bottom:1px solid #fff; border-radius:0;}
.open-search .search-target form button{ border:none; display:block; outline:none; border-radius:0px 5px 5px 0px; height:60px; position:absolute; top:0px; right:0px; 
 color:#fff; font-size:17px; background:transparent; padding:0px 40px;}
.open-search .search-target form button:hover{}
.search-wrapper01{position:absolute; top:20px; right:20px; z-index:999; cursor:pointer; padding:10px;}
.search-wrapper01::after{display:block; content:""; background:#fff; height:45px; width:2px; transform:rotate(-45deg);}
.search-wrapper01::before{display:block; content:""; background:#fff; height:45px; width:2px;  transform:rotate(45deg); position:absolute;}
.search-wrapper01:hover::after,
.search-wrapper01:hover::before{background:#e3b017;}
/******************************************/

.moblink{ display:none;}
.mobile_menus{ display:none !important;}
#mySidenav{ display:none;}



@media screen and (max-width: 1400px) {
header .top-navigation .nav-area ul li a{ padding:11px 30px;}
header .top-social-area .top-social ul li p{ font-size:18px; padding-right:8px;}
.quality{ padding:40px 52px;}
.catname p{ font-size:14px;}
.langtop ul.lann{ left:107px !important;}

}

@media screen and (max-width: 1360px) {
.langtop ul.lann{ left:129px !important;}

}

@media screen and (max-width: 1200px) {
header .top-social-area .top-search form input{ width:225px;}
header .top-navigation .nav-area ul li a{ font-size:18px; padding:11px 12px;}
header .top-social-area .top-social ul li p{ font-size:14px; padding-right:4px;}
header .top-social-area .top-social ul li a{ font-size:14px;}
header .top-email ul li a{ font-size:15px;}
.quality{ padding:14px 24px;}
.catname p{ font-size:14px;}
.newsname h4{ font-size:20px;}
.newsname h4::after{ left: 106px;}
.newsname p{ font-size:12px;}
.newletter p{ font-size:11px; padding:0px 0 10px 0px;}
.newletter input{ width:400px;}
header .top-email::after{ display:none;}

.c_slider_1 .owl-nav .owl-next{ right:44px;}
.c_slider_1 .owl-nav .owl-prev{ left:90px;}
.c_slider_2 .owl-nav .owl-next{ right:44px;}
.c_slider_2 .owl-nav .owl-prev{ left:90px;}

}



@media (max-width: 992px) {
/*menu css*/
.mobile_menus i{ font-size:18px; color:#fff; background:#ec2024; padding:8px 9px; border-radius:50px;}
.navcontmain{ position:static;}
.navcont{display: none;}
.mobile_menus {display: inline-block !important;}
#mySidenav {display: block;}
#mySidenav { display: block;}
.sidenav { height: 100%; width: 0; position: fixed; z-index: 9999; top: 0; right: 0; background-color: #000; overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
#mySidenav li{list-style: none !important;}
.sidenav hr {margin: 0;border-color: #1e4145;}
.sidenav a { padding: 8px 8px 8px 32px;text-decoration: none; font-size: 13px; color: #aaa; display: block; text-transform: uppercase; transition: 0.3s; font-weight: 400;letter-spacing: 0.5px;}
.sidenav a:hover{ color:#bc1c18;}
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
.mobile_menus{ float:right; margin:21px 12px 0 0px;}
.mobile_menus a{  /*  color: #000; font-size: 20px; width: 35px;height: 35px; line-height: 35px; border: 0px solid #000;border-radius: 5px; display: inline-block;
 text-align: center;  line-height: 65px;*/padding: 0px; float: left;}
.searchcont .cart22{ font-size:20px; float: left;}
.cart_liust ul li:last-child a { width: 35px; height: 35px; line-height: 35px; border: 0px solid #fff; padding: 0px; text-align: center; margin-left: 11px;
 border-radius: 50%; transform: translateY(0px); transition: 0.45s;}
.dropdown { position: relative;}
.dropdown-menu{ display: none;}
.toggle, .dropdown-menu { width: 100%;}
.is-active .dropdown-menu { display: block;}
.dropdown { position: relative; line-height: 18px;}
.my_drop{position: static;background: #000;}
.my_drop li{ background: #272727; color:#fff; border:0px; border-bottom:1px solid #5d5d5d; margin-bottom:0px;text-transform:uppercase; padding:10px 15px 10px 50px;font-size: 13px;letter-spacing: 0.5px;
 cursor: pointer; transition: 0.45s;}
.my_drop li:hover{background: #fff;color: #000;}
.catlink{ display:none;}





.moblink{ display:block;}
.mobile_menus{ display:block !important;}
#mySidenav{ display:block;}




header .top-email ul{ display:none;}
.top-social{ display:none;}
header .top-social-area .top-search{ display:none;}
header .top-navigation .nav-area ul{ display:none;}
header .top-social-area{ display:none;}

.langtop{ display:none;}
.top-logo{ text-align:center;}
.top-logo img{ max-width:232px; text-align:center;}
.quality{ margin:0 0 30px 0;}
.quality h4::after{ display:none;}
.shortaboutcont{ background: #c7c5c8;}
.catname h4{ font-size:18px;}
.catname p{ font-size:11px;}
.cat-hovereff a{ width:173px; height:44px; line-height:44px;}
.newimg{ display:none;}
.newsname{ position:static; border:1px solid #fff; margin:0 0 8px 0;}
.newsname h4::after{ display:none;}
.newsname p{ font-size:14px;}
.newletter input{ width:100%;}
.newletter button{ position:static; width:100%; margin:10px 0 0 0;}
.shortright h2 br{ display:none;}






.c_slider_1 .owl-nav .owl-next{ display:none;}
.c_slider_1 .owl-nav .owl-prev{ display:none;}

.c_slider_2 .owl-nav .owl-next{ display:none;}
.c_slider_2 .owl-nav .owl-prev{ display:none;}


.moblink{ display:block; text-align:right; margin:0 0; padding:23px 0;}
.moblink ul{ margin:0; padding:0;}
.moblink ul li{ list-style:none; display:inline-block; margin:0 0 0 0px; padding:0 0 0 0px;}
.moblink ul li a{ font-size:18px; color:#fff; background:#e3b016; display:inline-block; width:32px; line-height:32px; height:32px; text-align:center; margin:0 0 0 0px; padding:0 0 0 0px; transition:all 0.5s;
 border-radius:25px;}
.moblink ul li a:hover{ background:#000; color:#fff;}


 }

/*menu css*/

@media screen and (max-width: 768px) {
.moblink{ text-align:center;}
.quality{ padding:0 0;}
.qualitycont{ padding:20px 0 0 0;}
.quality h4{ padding:0 0; font-size:19px;}
.moblink ul li a{ font-size:15px; width:30px; line-height:30px; height:30px;}
.shortright h2{ font-size:30px;}
.shortright h3{ font-size:21px;}

.left-cols{ width:100%;}
.center-cols{ width:100%;}
.right-cols{ width:100%;}
header .top-email::after{ display:none;}
.catheading h4{ font-size:25px; margin:14px 0 10px 0;}
.categoriescont{ padding:0px 0;}
.catlogheading h4{ font-size:25px; margin:14px 0 10px 0;}
.shortright h4{ font-size:14px; line-height:24px;}
.shortright p{ font-size:14px;}
.newslettercont{ padding:20px 0;}
.footer1{ padding:20px 0;}
.contactfoot p{ font-size:12px;}
.contactfoot h4{ font-size:18px; padding:9px 0 4px 0px;}
.contactfoot ul li a{ font-size:14px;}
.catlogright ul{ position:static;}
#next_pagess{ margin:20px 0px;}




.c_slider_1 .owl-nav .owl-next{ display:none;}
.c_slider_1 .owl-nav .owl-prev{ display:none;}

.c_slider_2 .owl-nav .owl-next{ display:none;}
.c_slider_2 .owl-nav .owl-prev{ display:none;}


}

@media screen and (max-width: 500px) {
.newletter ul li a{ width:42px; height:42px; line-height:42px;}

.mb-30{ margin:0 0 15px 0;}
.featurename h4{ font-size:14px; font-weight:500; padding:0 0 0 0; margin:0 0 0 0;}
.featurename p{ font-size:14px; font-weight:500;}
}









