/*************************** DEFAULTS ********************************/
@charset"utf-8";

@font-face{font-family:'poppinsregular'; src:url('../fonts/poppinsregular.woff');}
@font-face{font-family:'poppinsthin'; src:url('../fonts/poppinsthin.woff'); }
@font-face{font-family:'poppinsmedium'; src:url('../fonts/poppinsmedium.woff'); font-weight:normal; font-style:normal;}
@font-face{font-family:'poppinslight'; src:url('../fonts/poppinslight.woff'); font-weight:normal; font-style:normal;}
@font-face{font-family:'poppinsbold'; src:url('../fonts/poppinsbold.woff'); font-weight:normal; font-style:normal;}

body{ margin: 0; padding: 0; font-size: 15px; line-height: 1.5; font-family:'poppinslight', verdana, arial; color: #414141}
*{box-sizing: border-box; }
html { box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, a, p, span, ul, li, samp, input { margin: 0; padding: 0; text-decoration: none; list-style-type: none; }
img { max-width: 100%; border: none; outline: none; }
 a, a:hover, button, select, a:focus, button:focus, select:focus, { outline:none;text-decoration:none;cursor:pointer;}
 a{color:#ffffff}
 a:hover{transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; outline:none;}
input { outline: none; }
input[type="submit"] { cursor: pointer; }
input[type="button"] { cursor: pointer; }
header {    background: white;  position: relative;  z-index: 1111;}
.main_div { width: 100%; float: left;  }
.container { max-width: 1200px; width: 100%; margin: 0 auto; display: table;}
.clear { clear: both }
.bord_non { border: none!important }
.pull-left { float: left!important }
.pull-right { float: right!important }
.pull-none { float: none!important }
.text-uppr { text-transform: uppercase }
.dis-block { display: block }
.dis-none { display: none }


/*************************************************************************************/
/************************************ NAV BAR ****************************************/
/*************************************************************************************/
.nav{}
.nav ul,.navmobile ul{ list-style: none; margin: 0; padding: 0; }
.nav li.navmobile li{display: inline-block; }
.nav a,.navmobile a{color: #818181; }
.nav a:hover,.navmobile a:hover{color: #ffffff; }
/***************************************************************************/
/***************************for fixed nav*********************/
.header{ position: fixed; top: 0; width: 100%; background: #ffffff;}
.page2content,.page3content{margin-top: 0px;}
.logo {float: none; margin:0 auto; display: table;}
.banner {width:100%; float: left; margin:164px 0 0 0;}
.banner_img {height: 700px; object-fit: cover;}


/*banner*/
/* Slideshow container */
.slideshow-container {
  width: 100%;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/*
.active {
  background-color: #717171;
}
*/
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
.img_log {position: absolute; bottom: 15px; right:0; width:200px !important; height:93px !important; opacity: 0.7}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/*end*/
.exclusively {width:100%; float: left; margin: 80px 0 20px 0;}
.exclusively_l {float: left; width: 40%}
.exclusively_r {float: right; width: 57%}
.exclusively_r h3 {font-size: 36px; font-weight: 100; line-height: 28px;}
.exclusively_r p {margin: 25px 0 25px 0; line-height: 28px; color:#000000;}
.clic_btn {border:1px solid #837b7b; padding:15px 25px 15px 25px; color :#8f8c8c; float: left;}
.clic_btn:hover {color :#000000; border:1px solid #a6a6a6; }

.categoriespg {width: 100%; float: left; margin:80px 0 0px 0; max-width: 1200px; position: relative; left:1.5%; }
/*.categoriespg ul {margin: 0 -1%; padding: 0}
.categoriespg ul li {width:23%; float:left; margin:1% 1% 2% 1%;}*/
.catimges {width:100%; float: left; cursor: pointer;}

.slick-dots {
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
  display: none;
}
.categoriespg .slick-dots {display: none !important;}
.slick-dots li {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}
.slick-dots li.slick-active button {
  background-color: black;
}
.slick-slider_h5 {font-weight: 600; font-size: 16px; padding: 9px 9% 10px 0; text-align: center;}
.slick-slide img {box-shadow: 0 50px 0px #f4f4f4;}
.slick-dots li.slick-active button:focus{border:none; outline:none;}
.slick-dots li button {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: #999;
  border: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.slick-dots li :hover {
  background-color: black;
}
.slick-slider_h5 {font-weight: 600; font-size: 16px;}

/* Custom Arrow */
.prev {
  color: #555;
  position: absolute;
  top: 39%;
  left: -2%;
  font-size: 45px;
}
.prev :hover {
  cursor: pointer;
  color: black;
}

.next {
  color: #555;
  position: absolute;
  top: 39%;
  right: 1%;
  font-size: 45px;
}
.next :hover {
  cursor: pointer;
  color: black;
}
/*
@media screen and (max-width: 800px) {
  .next {
    display: none !important;
  }
}*/
/**/
.kindword {width: 100%; float: left; margin:80px 0 20px 0; max-width: 1200px; position: relative;}
.kindword h4 {text-align: center;font-size: 30px; font-weight: 100; ; margin-bottom: 20px;}
/*.kindword ul {margin: 0 -1.5%; padding: 0}
.kindword ul li {width:30%; float:left; margin:1.5% 1.5% 1.5% 1.5%;}*/
.kindtext {width:92%; padding: 40px 35px 40px 35px; float: left; box-shadow: 0 0 5px #e6e6e6; margin:4%;}
.kindtext img {float: left; margin-right: 22px; box-shadow: none !important; border-radius: 100%; max-width: 72px;}
.kindtext h5 {font-size: 14px; text-transform: uppercase; margin-top: 13px; font-weight: 100}
.kindtext strong {color:#333333; font-size: 12px; font-weight: 100;}
.kindtext p {width:100%; float: left; font-size: 14px; margin:10px 0; min-height:170px; }
.morecontent span { display: none;}
.morelink { display: block;}
.morelink {color:blue; text-decoration: underline; } 
/*.kindtext p {width:100%; float: left; font-size: 14px; margin:10px 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; min-height: 210px;} */

/*footer*/
.footer_div {width:100%; float: left; margin:80px 0 0 0; border-top: 1px solid #ededee; padding: 40px 0 30px 0;}
.footer-txt {width:100%; float: left;}
.footer-txt h3 {font-size: 16px; color: #373737;  ; font-weight: 900; text-transform: uppercase;}
.footer-txt p { font-size: 14px; margin:15px 0 70px 0;}
.footer_meun {float: left; margin:0 30px 60px 0; width:28%;}
.footer_meun h4{text-transform: uppercase; margin-bottom: 20px; ; font-weight: 300}
.footer_meun ul{}
.footer_meun ul li {float: left; width:100%; margin:0 0 5px 0; padding:0;}
.footer_meun ul li p {line-height: 28px; font-size: 15px;}
.footer_meun ul li a {color:#373737; font-size: 15px}
.footer_meun ul li a:hover {color:#24baef;}
.footer_right {float: right; margin:0; text-align: right; width: 19%;}
.footer_right h2 {font-size: 16px; color: #373737;  ; font-weight: 100; text-transform: uppercase; margin-bottom: 5px;}
.footer_right p{font-size: 18px; margin:0 0 8px 0;}
.footer_right input[type=text] {border:1px solid #373737; color:#000000; padding:8px 8px 8px 8px; width:100%; text-align: center; margin-bottom: 15px;}
.footer_right input[type=submit] {background:#000000; border:1px solid #000000; color:#ffffff; padding:8px 23px 8px 23px; width: 100%}
.footer_right input[type=submit]:hover {opacity: 0.8}
.followus {margin:0px auto; display: table;}
.followus span{float: left; line-height: 25px;}
.followus a {height: 28px; width: 28px; margin-left: 15px; display: inline-block;}
.copyright {width:100%; float: left; padding:5px 0 0 25px; text-align: center; font-size: 15px;}

/*product page*/
.product_page {width: 100%; float: left; margin:170px 0 0 0;}
.product_text {width:45%; border:5px solid #f6f6f6; position: relative; padding: 25px; margin: 45px 0 50px 0;}
.product_text:before {border: 5px solid #f6f6f6; position: absolute;content: ''; top: 7px; left: -17px; bottom: -17px; right: 7px;}
.product_text1:before { left: 7px !important; bottom: -17px; right: -16px !important;}
.product_text h3 {font-size: 30px; font-weight: 100; margin: 25px 0 30px 0; text-align: center;  position: relative;}
.product_text p {line-height: 28px; position: relative;}
.product_text a {background:#333333; color:#ffffff; padding:15px 30px 15px 30px; font-size: 14px; margin:40px auto 20px; float: none; display: table; position: relative;}
.procut_img { margin-bottom: 70px; }

/*breadcum*/
.breadcum {background:#f6f6f6; padding:15px 0 15px 0; margin-top: 170px;}
.breadcum h4 {font-size: 25px; line-height: 28px; float: left; font-weight: 100}
.pageback {float: right; margin: 3px 0 0 0; }
.pageback a {float: left; color:#a39b9b; margin: 0 15px; font-size: 14px}
.pageback span {float: left; color:#a39b9b;}
.pageback .disablelink {color:#393636; pointer-events: none;}

/*contact us*/
.contact_us {width:100%; float:left; margin:10px 0 10px 0;}
/*.contact_ustext {max-width:800px; position: relative; margin:30px auto 30px; padding:5% 15% 5% 16%;border: 5px solid #f6f6f6; display: table;}*/
.contact_ustext {width:100%; position: relative; margin:0px auto 30px; padding:5% 15% 5% 4%; border: 5px solid #f6f6f6; display: table; float: right; width: 99%}
.contact_ustext:before {border: 5px solid #f6f6f6; position: absolute;content: ''; top: 7px; left: -17px; bottom: -17px; right: 7px;}
.contact_ustext h4, .contact_ustext p, .contact_ustext strong{position: relative; font-size: 16px; color:#000000;}
.contact_ustext h4 {font-size: 36px; font-weight: 100; }
.contact_ustext strong {font-size: 15px; /*font-weight: 600; text-transform: uppercase; */}
.contact_ustext .regist_btn {width:auto; padding: 12px 12%; font-size: 16px;}
.registration_div .regist_btn{float:none;}

/*about us*/
.about_us {width:100%; float:left; margin:60px 0 10px 0;}
.about_us p {/*width:100%;*/ float: left; margin: 0 0 40px 0; font-size: 16px; line-height: 28px;}
.about_usimg {float: right; margin-bottom: 30px;}
.about_ustext {width:62%; float: left;}
.about_ustext h4 {font-size: 36px; font-weight: 100; }
.about_ustext strong {font-size: 22px; /*font-weight: 600;*/; margin: 5px 0 8px 0; float: left; font-weight: 100}
.about_us .about_usimg {}
.ourteam {width: 100%; float: left; margin:80px 0 20px 0;}
.ourteam h4 {text-align: center;font-size: 25px; font-weight: 100; ; margin-bottom: 27px;}
.ourteam ul {margin: 0 -1.5%; padding: 0}
.ourteam ul li {width:30%; float:left; margin:1.5% 1.5% 1.5% 1.5%;}
.ourteamtext {width:100%; padding: 0; float: left; }
.ourteamtext img {}
.ourteamtext h5 {font-size: 18px; margin-top: 13px; text-align: center; margin-top: 10px; display: block;}
.ourteamtext span {color:#d1caca; font-size: 14px; display: block; text-align: center;}
.ourteamtext p {width:100%; float: left; font-size: 15px; margin:10px 0; line-height: 28px;}
.social_icon {margin: 0 auto; display: table;}
.social_icon a {margin:5px; float: left}


.navmobile {display: block; float: right; width: 200px;}
/*.hideme{display: none;}*/
.nav{display: none; }
.toggleMenu{position: fixed; top: 42px !important; left: auto; right:40px !important; cursor: pointer;  opacity: 1; transition: all 0.3s ease-in-out; padding: 9px 12px 9px 9px !important;}
.sidemenu{position: fixed; top: 110px; width: 240px; margin-right: -250px; overflow: hidden; height: 100vh; background: rgba(17,17,17,0.9); opacity: 0.9; transition: all 0.3s ease-in-out; right:0; z-index: 11111}
.cross{ position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.7; transition: all 0.3s ease-in-out; }
.cross:hover{opacity: 1; }
.mobilelogoinsidebar h1 {margin: 0; font-weight: 700; text-shadow: 3px 2px 0px #fff; line-height: 0.87;}
.mobilelogoinsidebar a{color: white; }
.mobilelogoinsidebar{margin-top: 70px; }
.mobilelogo{margin:0 auto; display: table;}
.mobilelogo a{color: white; }
.navmobile{ width: 100vw; }
.signup{font-size: 1.6rem;  width: 200px; padding: 3px 0px; border: solid 1px white; color: white;  text-align: center; margin:30px auto 20px auto; transition: all 0.3s ease-in-out; }
.signup:hover {background-color: white; color: #111; transition: all 0.3s ease-in-out; }
.signup a:hover{color: black; }
.navmobile .navlistmobile{font-size: 1.4rem; margin:20px; display: block; width: 200px; margin-left:auto; margin-right: auto;   }
.navlistmobile li{padding: 12px 0px; margin-left: 10px; margin-right: 10px; color: #D8D8D8; border-bottom:solid 1px #D8D8D8; cursor: pointer; transition: all 0.3s ease-in-out; }
/*.showmenu{margin-left: 0px; }*/
.showmenu{margin-right: 0px; }
/*.changeopacity{ opacity: 0; }*/
/*.notonhomepage .toggleMenu {top:32px;}*/

/*searchbox*/
.searchboxdv {float: right; position: fixed; top: 90px; right:40px; z-index: 11}
.searchboxdv input[type=text] {width: 113px; box-sizing: border-box; border:none;/* border: 2px solid #ccc;*/ border-radius: 4px; font-size: 16px; background-color: white; background-image: url('../images/loupe.png');background-position: 9px 12px; background-repeat: no-repeat;padding: 12px 12px 12px 40px;-webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; float:right;}
.searchboxdv input[type=text]:focus { width: 300px; background-color: #f1f1f1; border:none;}


/*register*/
.register_us {width:100%; float:left; margin:170px 0 0 0; background:#f6f6f6; padding: 50px 0 50px 0}
.register_usd {/*width:900px;*/ width:100%; margin:25px auto 0; display: table; float: none; max-width:100%;}
.regist_img {width:20%; float: left;}
.regist_img img {min-height: 678px; object-fit: cover;}
.regist_text {width:80%; float: left; padding:25px; background:#ffffff; position: relative;}
.regist_text h3 {font-size: 36px; font-weight: 100; padding-left: 2%;}
.regist_text span {padding-left: 2%; float: left;}
.regist_text ul {width:100%; float: left; margin: 3% 0;}
.regist_text ul li{float: left; margin:0 2% 10px 2%;}
.regist_text ul li b {width:100px; font-weight: 100}
.regist_btn {background:#333; color:#fff !important; padding: 12px 0; text-align: center; width: 100%; float: left; margin-top: 17px; position: relative; border:none; font-size:16px; font-family: 'poppinslight', verdana, arial;}
.regist_text p {float: left; width: 100%; text-align: center;}
.regist_text p a {color:#d40000;}
.text_box, select {border:1px solid #ccc; padding:10px 15px; width:100%; font-family: 'poppinslight', verdana, arial}
.text_box:focus, select:focus {outline:none;}
.width50 {width:46%;}
.width100 {width:96%;}
.width20 {width:21%;}
.width30 {width:30%;}
.registration_div {width:100%; float: left; margin:0; padding:0;}
.registration_div .contact_ustext {max-width: 100%; /*padding: 4% 5% 5% 5%;*/ padding:4% 4% 5% 4%;}
.registration_div .regist_text {position: relative; width:100%; padding:0;}
.registration_div .regist_text1 { max-width: 700px; border: 1px solid #e1e1e1; padding: 35px; margin: 35px auto; display: table; float: none;}
.registration_div .regist_text h5 {font-size: 18px; text-align: center;}
.registration_div .contact_ustext strong {float: left; font-weight: 100}
.registration_div .regist_text ul li {padding:0; margin: 0 2% 2.5% 2%;}
.registration_div .regist_text ul li a {color:black;}
.registration_div .regist_text ul  {margin:3% -2%; width:104%; }
.registration_div .mysliderdve strong {text-transform: unset;}
.registration_div .mysliderdve strong h5 {font-size: 15px !important}
 .contact_ustext .regist_btn {font-size: 14px !important; cursor: pointer;}
.regist_text ul li {padding:0 2% 2% 2%;}
#drop-area { border: 2px dashed #ccc; border-radius: 20px; width: 100%; margin: 20px auto; padding: 20px; display: table;}
#drop-area p {margin-bottom: 15px;}
#drop-area.highlight { border-color: purple;}
.my-form { margin-bottom: 10px;}
#gallery { margin-top: 10px;}
#gallery img { width: 150px; margin-bottom: 10px; margin-right: 10px; vertical-align: middle;}
.button { display: table; padding: 10px; background: #ccc; cursor: pointer; border-radius: 5px; border: 1px solid #ccc; margin:0 auto;}
.button:hover { background: #ddd;}
#fileElem { display: none;}
.disabled {opacity: 0.65; cursor: not-allowed !important;}

#progress-bar {margin: 0 auto; display: table;}
.apprequrmnt {width:100%; float: left; position: relative; margin: 15px 0}
.apprequrmnt h5 {margin:15px 0 5px; font-size: 18px;}
.centerbtndiv {width: 100%; float: left; margin:10px 0 0 0;}
.centerbtndiv .regist_btn{float: none !important; display: table !important; margin: 0 auto !important; padding: 12px 80px !important;}
.regist_btn_addbtn {padding: 3px 13px; float:right; font-size:14px; background:#3ec4d2; border-radius: 5px; color:#fff; position: relative; z-index: 11; cursor: pointer;}
.regist_btn_addbtn strong {color: #fff; font-size: 18px;line-height: 22px; float: left; margin: 0 5px 0 0;font-weight: 600;}
.width94 {width:94% !important;}
.logodate {position: relative; float: left; margin-right: 15px;}
.logodate span {position: absolute; right: 0; bottom: -15px; background: rgba(0,0,0,0.05); padding: 2px 5px 2px 5px; font-size: 12px;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #999999;
  opacity: 1; /* Firefox */
}
/*loign*/
.login_pg {width:600px !important;}
.login_pg .regist_img{display: none}
.login_pg .regist_text {width: 100%; padding:50px 25px; }

/*privacy Policy*/
.privacy_text {width:100%;  position: relative; margin:30px auto 30px; padding:2% 3% 5% 3%; border: 5px solid #f6f6f6; display: table; max-width: 1100px;}
.privacy_text:before {border: 5px solid #f6f6f6; position: absolute;content: ''; top: 7px; left: -17px; bottom: -17px; right: 7px;}
.termcon, .exchange_link, .cust_odrer_list .prodc_promo, .cust_filter, .cust_acc{width:100%; float:left;}
.refund-hed {font-size: 24px;display: block;padding:20px 2% 20px 5%;line-height: 30px;color:#fff;}
.terms_txt{width:100%; float:left; padding:2%; position: relative;}
.terms_txt h4 { font-size:25px; display:block; padding:15px 0; font-weight: 100}
.terms_txt p{line-height:28px;}
.terms_txt ul{margin:15px 0;padding: 0;width: 100%;}
.terms_txt ul li {margin: 0 0 6px;padding: 0 0 0 25px;display: block;}
.termcon h6 {border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0 8px 0; float: left; width: 100%; font-size: 17px;}


/*events*/
.event_div {width: 100%; float: left; margin: 25px 0 10px 0;}
.about_usimg { float: right; margin-bottom: 30px; position: relative; /*max-height: 450px;    width: 405px;    height: 400px;*/}
.event_txt {width:100%; position: relative; margin:0px auto 30px; padding:5% 5% 5% 5%; border: 5px solid #f6f6f6; display: table; float: right; width: 99%}
.event_txt:before {border: 5px solid #f6f6f6; position: absolute;content: ''; top: 7px; left: -17px; bottom: -17px; right: 7px;}
.event_txt h4, .event_txt p, .event_txt strong{position: relative; font-size: 16px; color:#000000;}
.event_txt h4 {font-size: 24px; font-weight: 100; margin: 25px 0 10px;}
.event_txt p{text-align: center; font-size: 20px;}
.event_txt strong {font-size: 15px; /*font-weight: 600;*/ text-transform: uppercase; }
.eventscedul {width: 100%; float: left; margin:25px 0 0 0; position: relative;}
.eventscedul ul {margin: 0; padding: 0}
.eventscedul ul li{margin: 0; padding: 3%; width: 100%; float: left; box-shadow: 0 0 8px #eeeeee;}
.eventscedul ul li img{ float: left; }
.eventscedul ul li a {color: #000000}
.eventscedulright {float: left; margin:0 0 0 3%; width: 86%}
.eventscedulright .timedate {background: rgba(0,0,0,.05); display: inline-block; padding: 5px 10px 5px 10px;}
.eventscedulright .timedate span {color:#efa506;}
.eventscedulright h6 {font-size: 16px; margin: 15px 0 10px;}
.eventscedulright .authorsinfo { display:block; padding: 5px 0px 5px 0px; font-weight: 100; font-size: 14px;}
.eventscedulright .authorsinfo span {color:#efa506;}
.event_bnrchng {width: 600px; max-width: 100%; display: table; margin:25px auto 30px; border-radius: 10px;}
.event_bnrchng .about_usimg {float:left; margin-bottom: 0;}
.event_bnrchng span {color:blue; font-size: 16px; position: relative; z-index: 111}

/*vendor*/
.vedonrsearch {width: 100%; float: left; padding: 3% ; position: relative;}
.vedonrsearch ul.listvendr {margin: 0 -1% 0 -1%; padding: 0; width:100%; float: left;}
.vedonrsearch ul.listvendr li { padding:0px; margin:0 1% 30px 1.3%; width: 31%; float: left;}
.vedonrsearch ul.listvendr li a {color: #333333;     width: 100%;display: block; padding: 5px;}
.logodivv {width: 100%; float: left; margin:0;   border: 2px solid #ccc; padding: 10px; height: 60px; vertical-align: middle; text-align: center;}
.logodivv img {vertical-align: -webkit-baseline-middle; max-height: 35px;}
.logodivv h4 {line-height: 18px;  padding:5px; text-align: center; margin:4px 0 0 0; overflow: hidden; background: #d7d7d7;}
.logotext {width:100%; float: left; margin:-2px 0 0 0;   border: 2px solid #ccc;}
.logotext p {font-size: 13px !important; float: left; padding:2px; text-align: center; width: 64%; overflow: hidden; max-height: 26px;}
.logotext span {font-size:13px; float: left; border-left:2px solid #ccc; padding:2px; text-align: center; width: 33%; overflow: hidden; max-height: 26px;}
.vedonrsearch p {    position: relative; font-size: 16px; color: #000000;} 
.vedonrsearch h5 {font-size: 18px; display: block; margin: 25px 0 15px;}
.categorynewimg {width: 100%; display: block; position: relative; margin-bottom: 15px;}
.vedonrsearch .categoriespg {max-width: 1100px;}
.vedonrsearch .slick-slide img{width: 84%; position: relative;}
.vedonrsearch .slick-slide.active {}
.vedonrsearch .slick-slide.active:before {position: absolute; left: 40%; bottom: -15px; content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #333333 transparent transparent transparent;}
.vedonrsearch .prev {left:-30px; top: 48%;}
.vedonrsearch .next {right:12px; top: 48%;}
.searchbycategories {width: 480px; margin:16px auto 25px ; display: table;}
.searchbycategories a {background:#000000; color:#ffffff; padding: 15px 35px; float: left; margin: 0 3% 0 3%; border:2px solid transparent;}
.searchbycategories a.active {background:#ffffff; border:2px solid #000000; color:#000000;}
.searchbycategories a:hover {background:#ffffff; border:2px solid #000000; color:#000000;}
.searchbynamcat {width:100%; float: left; margin:0;}
.searchbynamcat ul.tabs { margin: 0 auto; padding: 0; float: none;list-style: none; height: 32px;width: auto; display: table; }
.searchbynamcat ul.tabs li { float: left; margin: 0 30px 0 0; cursor: pointer;  padding: 0px 21px;  height: 50px;  line-height: 44px;  border: 2px solid #333; background-color: #ffffff;color: #000000;position: relative;}
.searchbynamcat ul.tabs li h6 {font-size:18px;}
.tab_last { border-right: 1px solid #333; }
.searchbynamcat ul.tabs li:hover { background-color: #333333;color: #ffffff;}
.searchbynamcat ul.tabs li.active {  background-color: #333333; color: #ffffff; display: block; position: relative;}
.searchbynamcat ul.tabs li.active:after {position: absolute; left: 40%; bottom: -15px; content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #333333 transparent transparent transparent;}
.tab_container { clear: both;  float: left;  width: 100%;  background: #fff;  overflow: auto;}
.tab_content {  margin:50px 0 50px 0;  display: none;}
.tab_drawer_heading { display: none; }
.slider_cat_vend {width: 100%; max-width:1000px; float:left; }
.slider_cat_vend .slick-dots {display: none !important;}
.vedonrsearch .prev {top:260px; left:0;}
.vedonrsearch .next {top:260px; right:25px;}
.tab_viewerdv {width:100%; float: left; margin:50px 0 50px;}
.mysliderdve {width: 100%; float: left; margin:0;}
.mysliderdve ul {margin: 0; padding: 0}
.mysliderdve ul li {float: left; width: 45%}

/*edit profile*/
.edit_profile {width:100%; float: left; margin:30px 0 30px 0; position: relative; z-index: 111}
.left_editprf {width:48%; float: left; margin:15px 0 15px 0; border:1px solid #eee; /*background:#ffffff; box-shadow: 0 0 10px #f1f1f1; */padding:3%;  position: relative; z-index: 111}
.left_editprf ul {}
.left_editprf ul li {width: 100%; float: left; margin: 0 0 5px 0; padding:5px 5px 5px 5px; font-size: 14px;}
.left_editprf ul li a {color:blue; font-size: 15px; display: inline-block; padding:10px 15px 0px 0px; margin:0 15px 0 0; text-decoration: underline;}
.right_editprf {width:48%; float: right; margin:25px 0 15px 0; padding:1%;  position: relative; z-index: 111}
.right_editprf ul {}
.right_editprf ul li {width: 100%; float: left; margin: 0 0 15px 0; padding:5px 5px 5px 15px; font-size: 14px;}
.right_editprf ul li strong {font-size: 18px; border-bottom: 1px solid #555555; padding-bottom: 5px;}
.right_editprf ul li a {color:blue;}
.compnumbedit {width:100%; float: left; margin: 35px 0 35px; position: relative; z-index: 111}
.compnumbedit ul {margin:0 -1.5% 0 -1.5%; padding:0;}
.compnumbedit ul li {background:#f6f8f7; width: 27%; margin:0 3% 0 3%; padding: 2% 2% 4% 2%; text-align: center; float: left;}
.compnumbedit ul li h3 {font-size: 60px; display: block; margin: 15px 0 25px;}
.compnumbedit ul li h3 a {color:blue;}
.compnumbedit ul li span {font-size: 16px; display: block; /*border-bottom: 1px solid #ccc; padding-bottom: 5px;*/}
.editprofbtndv {margin: 0 auto; width:auto; display: table; float:none;}
.editbuttonforeditdiv {width:100%; float: left; margin: 25px 0 15px 0; display: block;}
.editprofbtndv a {float: left; margin: 0 15px 0 15px !important; padding:12px 20px 12px 20px !important;}


@media screen and (max-width: 480px) {
  .tabs {
    display: none;
  }
  .tab_drawer_heading {
    background-color: #ccc;
    color: #fff;
    border-top: 1px solid #333;
    margin: 0;
    padding: 5px 20px;
    display: block;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d_active {
    background-color: #666;
    color: #fff;
  }
}
/************************** MEDIA QUERIES ************************************/

/*Designer Login*/
.designer_login  {margin:25px auto 0; display: table; max-width: 900px; position: relative;}
.designer_login .registration_div .regist_text ul {margin:1% -2%; position: relative;}
.designer_login .registration_div .regist_text h5 {text-align: left; position: relative;}
.designer_login .width20 {width: 29.3%}
.designer_login table {width: 100%;   border-collapse: collapse; position: relative; margin-bottom: 20px;}
.designer_login table th {background:#000000; color:#ffffff; padding:3px 15px; text-align: left; font-size: 14px;}
.designer_login table td{ border:1px solid #ccc; height: 42px; font-size: 13px; padding-left: 7px;}
.designer_login table .text_box {border:none;}
.designer_login .regist_btn { padding: 12px 50px; margin:0; cursor: pointer; font-size: 17px;}
.mygoback {float: right; padding: 6px 20px 6px 20px; margin: 12px 12px 0 0; cursor: pointer; font-size: 14px; background: #333333; color:#ffffff;}
.designer_login .text_box, .designer_login select { border: none; border-bottom:1px solid #dddddd; background-color: #f1f1f1}
.mygoback:hover {color:#ffffff;}

.wizard-form-field .wizard-form-input input::-webkit-input-placeholder, .wizard-form-field .wizard-form-input select::-webkit-input-placeholder { font-size: 20px; font-weight: 500; -webkit-transition: 0.3s all ease-out; transition: 0.3s all ease-out; }
.has-float-label .form-control:placeholder-shown:not(:focus) + * {  font-size: 150%;  opacity: 0;  top: 30px; left: 40px; visibility: hidden; background: transparent; }
.has-float-label label {  position: absolute;  left: 0; top: 0; cursor: text; font-size: 14px; opacity: 1; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; top: -0px; right: 15px; left:auto; z-index: 3; background: #ffffff; line-height: 1; padding: 1px 15px 2px 15px; }
.wizard-form-field input, .wizard-form-field select {  width: 100%; height: 80px; border: none; overflow: visible;  padding-left: 40px; border-radius: 3px; margin-bottom: 28px; -webkit-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; background-color: #ddeef9; border: 2px solid #ddeef9; }
.has-float-label {display: block; }
.position-relative { position: relative!important;}
.form-group { margin-bottom: 0rem;}

.payment_div {width: 100%; float: left; margin:10px 0 0 0;}
.titlepaymnt {font-size: 25px; display: block; margin:15px 0 10px 0; font-weight: 300}
.paymentoption {width:100%; float: left; margin:0;}
.paymentoption ul {margin:0; padding: 0}
.paymentoption ul li {width: 100%; float: left; border:1px solid #c2c2c2; margin: 0 0 20px 0;}
.leftpaymt {width: 25%; float: left; /*background-color: #f1f5f8; */min-height: 220px; border-right:1px solid #c2c2c2; margin:-1px -1px -1px -1px; text-align: center;}
.leftpaymt img {padding-top: 75px; height: auto; width: auto;}
.rightpaymt {width: 74%; float: left; margin:0; padding:20px; border-left:1px solid #c2c2c2;}
.rightpaymt h4 {font-size: 20px; display: block; padding:0px 0 0px 0; font-weight: 300}
.rightpaymt span {font-size: 15px; display: block; margin-bottom: 5px;}
.rightpaymt a {color:#000000;}
.rightpaymt p {font-size: 15px; }
.rightpaymt ol { margin:0; padding:0 0 0 15px; }
.rightpaymt ol li {border:none !important; list-style-type: decimal; margin:0; padding:0; }
.rightpaymt ul { margin:0; padding:0px; }
.rightpaymt ul li {border:none !important; list-style-type: none; margin:0; padding:0; width: 48%}

.paymentmethod {width:100%; margin: 25px 0 0 0; float: left; border:1px solid #c2c2c2; padding: 25px;}
.contact_ustext1 {width:100%; padding: 0; float: left; padding: 2%}
.contact_ustext1 h4 {font-size: 20px; display: block; padding:0px 0 0px 0; font-weight: 100; text-align: center;}
.contact_ustext1 .apprequrmnt h5{margin:15px 0 12px;}
.paymenttbox {width: auto; border: none; border-bottom: 2px solid #ccc; padding: 0;}
.paymentmetdiv {width: 100%; float: left; margin:15px 0 25px 0 ; position: relative; z-index: 1111;}
.paymentmetdiv ul {margin:0; padding: 0; width: 100%; float: left;}
.paymentmetdiv ul li { margin:0 2% 2% 4%; float: left;}
.creditcardv {width: 100%; max-width: 750px; margin:25px auto 0; display: table; border:1px solid #c2c2c2; padding: 25px;}
.creditcardv h4  {font-size: 20px; display: block; padding:0px 0 10px 0; font-weight: 100; text-align: left;}
.creditcardv ul {margin:0; padding: 0; width: 100%; float: left;}
.creditcardv ul li { margin:2% 2% 0 0; float: left;}
.creditcardv ul li input {width: 50px;}
.creditiaccept {width: 100%; margin:15px 0 15px 0; float: left;}
.creditiaccept ul {margin:0; padding: 0; width: 100%; float: left;}
.creditiaccept ul li { margin:2% 2% 0 0; float: left;}
.creditiaccept p {margin:10px 0 10px 0; width:100%; float: left;}
.creditiaccept strong {text-align: center; float: left; width: 100%;}
.creditiaccept span {display: inline-block; margin:0 10px;}
.printbtndi {position: relative; float: right; top:0; right:0; background-color: #333333; color:#ffffff !important; border:none; font-size: 13px; padding: 5px 7px; cursor: pointer;}
.thingstorem {width:100%; float: left; margin:25px 0 0 0; padding: 25px; border:1px solid #c2c2c2;}
.thingstorem h4 {font-size: 20px; display: block; padding:0px 0 0px 0; font-weight: 100; text-align: center;}
.thingstorem p {margin:15px 0 15px 0;}
.thingstorem span {text-align: center; display: block;}
.thingstorem a {color:#000000; }
.thingstorem ul {margin:0; padding:0;}
.thingstorem ul li{margin:0 2% 15px; padding:0 0 0 5px; list-style-type: disc; float: left; width: 96%}

/*resalecertydv*/
.resalecertydv {width: 800px; height: 1130px; background-color: #ffffff; margin:0; padding: 10px; color:#000000; font-size: 12px; line-height: 15px; display: block; margin:0 auto; }
.resalecertydvtop {width:100%; float: left; margin:0;}
.resalecertydvtopl {display: inline-flex; margin:15px 0 0 15px; float: left;} 
.resalecertydvtopc { margin:10px 0 0 5%;float: left;   width: 400px;} 
.resalecertydvtopc span {display: block;}
.resalecertydvtopc strong {display: block; font-size: 16px;}
.resalecertydvtopc h4 {font-size: 25px; line-height: 24px}
.resalecertydvtopr { margin:10px 10px 0 0; float: right; text-align: right;} 
.resalecertydvtopr h3 {font-size: 35px; font-weight: bold; width: 100%; float: left; font-family: 'poppinsbold', verdana, arial; line-height: 30px}
.resalecertydvtopr span {float: left; width: 100%;}
.namesellerof {width: 100%; float: left; margin:0; padding: 15px 15px 5px 15px;}
.namesellerof ul {margin:0; padding: 0}
.namesellerof ul li{margin:0 -1px -1px 0; padding: 5px; float: left; border:1px solid #333333; width: 50%; min-height: 45px;}
.textbox2 {border:none; padding: 5px 10px; font-family: 'poppinslight', verdana, arial; font-size: 12px;}
.namesellerfl {float: left;}
.namesellerfc {float: left; margin-left: 18%}
.namesellerfr {float: right;}
.markselecresale {width: 100%; float: left; margin:0; padding:0 15px}
.markselecresale p {display: inline-block;}
.markselecresale span {width: 100%; float: left;}
.topurchase {width: 96%; float: left; margin:0 2%; border:1px solid #000000; padding: 5px;}
.topurchase h4 {font-size: 13px; font-weight: bold; width: 100%; float: left;}
.topurchase p {}
.purchaserinf {width: 100%; float: left; margin:5px 0 0; padding:0 15px;}
.purchaserinf h4 {width: 100%; float: left;}
.purchaserinf h4 span {font-weight: 100}
.purchaserinf p {width: 48%; float: left; margin:0 2% 0 0;}
.purchaserinf p span {position: relative; margin-left: 5px;}
.purchaserinf p span:after {position: absolute; bottom:0; left:0; content: ''; border-bottom:1px solid #000; width: 170px}
.purchaserinf strong {font-weight: 100; text-align: center; display: block;}
.tobecomplresalecrty {width:96%; float: left; margin:5px 2% 0 2%; padding: 5px 0 0; border-top : 1px solid #000000;}
.tobecomplresalecrty h4 {font-size: 13px;}
.tobecomplresalecrty .textbox2 {border-bottom: 1px solid #000000; padding: 0px 5px 0 5px}
.tobecomplresalecrty em {width: 40px; margin:0; display: inline-block; border-bottom: 1px solid #000000}
.tobecomplresalecrty ol {margin:0 0 0 45px; padding: 0}
.tobecomplresalecrty ol li {list-style-type: disc;}
.confirmationdiv {width: 96%; margin:5px 2% 0 2%; float: left;  border-top: 1px solid #000000; padding:5px 0 0 0;  text-align: justify;}
.custsignformsg  {width: 96%; margin:5px 2% 0 2%; float: left;}
.custsignformsg ul {margin:0; padding: 0}
.custsignformsg ul li{margin:0 0 -1px 0; padding: 0; border:1px solid #000000; width: 100%; float: left;}
.custsignformsg ul li .textbox2 {font-size: 12px; width: 100%}
.custsignformsg p {display: inline-block; border-right:1px solid #000000; width: 65%}
.custsignformsg span {display: inline-block; float: right; width: 30%}
.custsignformsg h3 {font-size: 14px; text-align: center; margin:8px 0 0; float: left; width: 100%;}
.sigPad {width: auto;}
.custsignformsg p span a {color: #d40000; float: right; margin: 15px 15px 0 0; }

.entry-header .entry-title{margin-top: 15px;}
.entry-header a, .entry-footer a, .nav-previous a, .comment-meta a, .comment-respond a {color:#414141;}
.comment-form-comment textarea {width:100%;}
.entry-content .attachment{ margin-top: 15px; }
.form-submit .submit {background: #333; color: #fff !important; padding: 12px 30px; text-align: center; width: auto; float: left; margin-top: 17px; position: relative; border: none; font-size: 16px;  font-family: 'poppinslight', verdana, arial;}
.entry-header, .page-header {background: none !important; z-index: 11 !important}
.page-header .page-title {font-size: 28px; margin-top: 15px;}




@media screen and (max-width: 800px){
/*******************************************************************************/
/*********************** hamburger menu for mobile******************************/
/*******************************************************************************/

/*.hideme{display: none;}*/
.nav{display: none; }
/*.toggleMenu{position: fixed; top: 0px; left: 0px; padding: 15px 20px 15px 15px; cursor: pointer; background: #648B79; opacity: 1; transition: all 0.3s ease-in-out; }*/
/*.sidemenu{position: fixed; top: 0px; width: 240px; margin-left: -250px; overflow: hidden; height: 100vh; background: rgba(17,17,17,0.9); opacity: 0.9; transition: all 0.3s ease-in-out; }*/
.cross{ position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.7; transition: all 0.3s ease-in-out; }
.cross:hover{opacity: 1; }
.mobilelogoinsidebar h1 {margin: 0; font-weight: 700; text-shadow: 3px 2px 0px #fff; line-height: 0.87;}
.mobilelogoinsidebar a{color: white; }
.mobilelogoinsidebar{margin-top: 70px; }
.mobilelogo{margin:0 auto; display: table;}
.mobilelogo a{color: white; }
.navmobile{ width: 100vw; }
.signup{font-size: 1.6rem;  width: 200px; padding: 3px 0px; border: solid 1px white; color: white;  text-align: center; margin:30px auto 20px auto; transition: all 0.3s ease-in-out; }
.signup:hover {background-color: white; color: #111; transition: all 0.3s ease-in-out; }
.signup a:hover{color: black; }
.navmobile .navlistmobile{font-size: 1.4rem; margin:20px; display: block; width: 200px; margin-left:auto; margin-right: auto;   }
.navlistmobile li{padding: 12px 0px; margin-left: 10px; margin-right: 10px; color: #D8D8D8; border-bottom:solid 1px #D8D8D8; cursor: pointer; transition: all 0.3s ease-in-out; }
.showmenu{margin-left: 0px; }
.changeopacity{ opacity: 0; }
.banner_img {height: 200px;}
.img_log {width: 100px !important; height: auto !important}
.leftpaymt, .rightpaymt {width: 100%; margin:0; border:none; min-height: auto;}
.leftpaymt img {padding: 25px; }
.leftpaymt {border-bottom: 1px solid #c2c2c2;}
.paymentmetdiv ul li, .creditiaccept ul li {width: 100%; margin: 0 0 15px 0;}
.paymenttbox {width: 50% !important}
}
/*************************mobile ham ends *******************************/
/***************************************************************************/


/******************************** TABLETS *******************************/

@media screen and (min-width: 801px) and (max-width: 1024px){
/*.navmobile{ display: none; }*/
/*.hideme{ display: none;}*/
.page2content,.page3content{margin-top: 60px;}
.navlist li{font-size: 14px; }
.iamselected{border-bottom: 1.5px solid white; margin-bottom: -12px; padding-bottom: 10.5px; }
/*.logo{transition: all 0.4s ease-in-out; padding-bottom: 4%; }*/
.navwrapper{transition: all 0.3s ease-in-out; padding:10px 0 0 0;}                            
.navwrapper{background: transparent; padding-top:1rem; transition: all 0.3s ease-in-out; }
/*.notonhomepage{ background: rgba(255, 255, 255, 0.9); border-bottom: 0.1px solid rgba(255, 255, 255, 0.2); padding-top: 1.3rem; }*/
.navlist li a{padding: 20%; }
.navlist{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.navlist li{flex-grow: 1; }

}

/******************************** DESKTOPS ******************************/
@media screen and (min-width:801px ){
/*.navmobile{display: none;}*/
.page2content,.page3content{margin-top: 62px;}
.navwrapper{transition: all 0.3s ease-in-out; padding: 8px 0 4px 0;}  
.navwrapper{background: transparent; transition: all 0.3s ease-in-out; }
/*.notonhomepage{ background: rgba(255, 255, 255, 1);border-bottom: 0.1px solid rgba(255, 255, 255, 0.2);}
.notonhomepage .logo img{ height: 103px; transition:all 0.4s ease;}
.notonhomepage .navlist li a {padding-top: 28px;transition:all 0.4s ease;}*/

.nav{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.logo{} 
.navlist{flex-basis: 21%;}
.navlist li{}
.navlist li a{padding: 45px 30px 5px 0px; font-size: 15px; float: left;}
.navlist{/*display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-end;*/}
.navlist li{}
.iamselected{border-bottom: 3px solid white; margin-bottom: -12px; padding-bottom: 9px; }
}


@media screen and (max-width: 1199px){
.container {width: 98%; float: left; margin:0 1%; display: block;}
.slick-slide img {width: 85%}
.kindtext {padding:5% 6% 5% 6%; min-height: 230px}
.about_usimg {width: 45%}

}
/************************** MOBILES ******************************************/



@media screen and (max-width:1023px ){
.kindtext {padding: 10% 6% 5% 6%; min-height: 300px}
}


@media screen and (max-width: 800px)
{
.container {width: 96%; margin:0 2% 0 2%;}
.logo {width:90px;}
.kindtext {min-height: auto; padding:6% 6% 5% 6%;}
.kindword ul li {width:97%; }
.exclusively_l, .exclusively_r {width:100%;}
.exclusively_r  {margin-top: 15px;}
.exclusively_r h3 {font-size: 24px;}
.exclusively_r p {margin: 5px 0 5px 0;}
.copyright {padding: 1% 1% 1% 1%;}
.slick-dots li {width: auto !important; padding: 0 !important}
.toggleMenu {top : 15px !important; right : 0px !important;}
.banner {margin:100px 0 0 0; }
.slick-slide img {width:90%;}
.kindword h4 {font-size: 24px; margin-bottom:0 }
.about_ustext h4 {font-size: 24px;}
.about_ustext strong {font-size: 18px;}
.about_us p{font-size: 14px;}
.privacy_text {width: 93%; margin:30px 5% 30px 5%;}
.searchbynamcat ul.tabs li {margin:0 10px 0 0; padding: 0 14px 0 14px;}
.nav{display: none; }
/*.toggleMenu{position: fixed; top: 0px; left: 0px; padding: 15px 20px 15px 15px; cursor: pointer; background: #648B79; opacity: 1; transition: all 0.3s ease-in-out; }*/
/*.sidemenu{position: fixed; top: 0px; width: 240px; margin-left: -250px; overflow: hidden; height: 100vh; background: rgba(17,17,17,0.9); opacity: 0.9; transition: all 0.3s ease-in-out; }*/
.cross{ position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.7; transition: all 0.3s ease-in-out; }
.cross:hover{opacity: 1; }
.mobilelogoinsidebar h1 {margin: 0; font-weight: 700; text-shadow: 3px 2px 0px #fff; line-height: 0.87;}
.mobilelogoinsidebar a{color: white; }
.mobilelogoinsidebar{margin-top: 30px; }
.mobilelogo{margin:0 auto; display: table;}
.mobilelogo a{color: white; }
.navmobile{ width: 100vw; }
.signup{font-size: 20px;  width: 200px; padding: 10px 0px; border: solid 1px white; color: white;  text-align: center; margin:30px auto 20px auto; transition: all 0.3s ease-in-out; }
.signup:hover {background-color: white; color: #111; transition: all 0.3s ease-in-out; }
.signup a:hover{color: black; }
.navmobile .navlistmobile{font-size: 1.4rem; margin:20px; display: block; width: 200px; margin-left:auto; margin-right: auto;   }
.navlistmobile li{padding: 6px 0px; margin-left: 10px; margin-right: 10px; color: #D8D8D8; border-bottom:solid 1px #D8D8D8; cursor: pointer; transition: all 0.3s ease-in-out; }
.showmenu{margin-left: 0px; }
.changeopacity{ opacity: 0; }
.about_usimg {width: 100%}
.about_ustext {width: 100%}
.ourteam ul li {width: 96%; margin:2% 2% 0 2%;}
.ourteamtext { text-align: center; }
.about_us {margin-top: 2%}
.ourteam {margin-top: 10px;}
.searchbynamcat ul.tabs li h6 {font-size: 13px;}
.logotext p, .logotext span {font-size: 8px !important; line-height: 20px;}
.slider_cat_vend {max-width: 600px; float: none; display: block; margin:0 auto;}
.regist_btn, .contact_ustext .regist_btn {font-size: 14px; width:96%; margin:0 0 8px !important;}
.pageback a {font-size: 12px;}
.register_usd, .login_pg {width:100% !important; display: block; float:left;}
.regist_text h3 {font-size: 20px;}
.register_us {margin: 80px 0 0 0}
.nav a, .navmobile a {font-size: 16px;}
.notonhomepage .toggleMenu{top:15px;}
.width20, .width30, .width50, .width100 {width:100% !important; margin:0 0 15px 0 !important;}
.registration_div .regist_text ul {width:97%; margin: 3% 0 3% 0 ;}
.mysliderdve ul {width:100% !important;}
.next, .prev {display: none !important}
.apprequrmnt .text_box { width:97%; }
.mysliderdve ul li, .width94{ width: 100% !important; margin:0 2% 2.5% 0% !important;}
.designer_login .registration_div .regist_text ul {width:100%; margin:3% 0 1% 0;}
.registration_div .contact_ustext {width:100%; float: left; display: block; overflow: scroll;}
.product_text1, .product_text, .contact_ustext, .privacy_text, .event_txt {border:5px double #f6f6f6;}
.product_text1:before, .product_text:before, .contact_ustext:before, .privacy_text:before, .event_txt:before {display: none;}
.designer_login table th{font-size: 9px;}
.designer_login .regist_btn {float:left !important;}
.logotext p, .logotext span {max-height: 20px;}
.left_editprf, .compnumbedit, .right_editprf {width:100%; margin: 15px 0 15px 0;}
.compnumbedit ul li {width: 94%; margin: 0 3% 6% 3%; padding: 5% 2% 7% 2%;}
.searchboxdv {width: 100%; right:0;}
.searchboxdv input[type=text] {width:100%; background-color: #f1f1f1}
.searchboxdv input[type=text]:focus { width: 100%;}
}


@media screen and (max-width: 640px)
{
.slider_cat_vend {max-width: 400px;}
.event_bnrchng {width: 100%;}
.event_txt p {font-size: 14px;}
.contact_ustext h4 {font-size: 20px;}
.contact_ustext {float: none; display: table; margin:0 auto; padding:5% 8% 5% 8%; width: 90%; }
.registration_div .regist_text ul li{width: 99% !important; float: left; display: block;}
.designer_login .text_box, .designer_login select {width: 91%; font-size: 12px;}
#drop-area {width:92%; margin:20px 0 20px 0; display: table;}
.vedonrsearch ul.listvendr li {width: 47%; margin:0 1.5% 6% 1.5%;}
.mygoback {width:auto !important; float: right !important; padding:5px 8px 5px 8px !important;}
}

@media screen and (max-width: 480px)
{
.kindword ul li {width: 94%; padding:3% 3% 3% 3%; }
.logo {margin:10px auto 10px;}
.logo img {width: 80px;}
.toggleMenu img{width: 80px;}
.toggleMenu {right: 0 !important; top: 30px !important;}
.breadcum {margin-top: 111px;}
.slick-slide img {width:97%;}
.vedonrsearch .slick-slide img {width: 100%}
.vedonrsearch .prev {top: 63%; left: -11px;}
.vedonrsearch .next {top: 63%; right: -11px;}
.searchbynamcat ul.tabs li {padding:0 7px 0 7px;}
.searchbynamcat ul.tabs li h6 {font-size: 12px;}
.slider_cat_vend {max-width: 266px;}
.contact_ustext h4 {font-size: 18px;}
.contact_ustext h4, .contact_ustext p, .contact_ustext strong {font-size: 14px; /* display: inline-block; */}
.left_editprf ul li a {margin-right: 9px;} 
.right_editprf ul li {font-size: 13px;}
.compnumbedit ul li {padding: 20px 10px 45px 10px;}
.regist_btn, .contact_ustext .regist_btn {width:100%; font-size:13px !important;}
.designer_login .text_box, .designer_login select {width: 100%;}
.mygoback {width:auto !important; float: right !important; padding:5px 8px 5px 8px !important;}
}
@media screen and (max-width: 360px) 
{
.searchbynamcat ul.tabs li h6 {font-size: 10px;}
}