/* whatsmsg label start */

.whats-msg-lbl
{
  font-size: 14px;
    font-weight: bold;
    color: #25D366;
    background-color: white;
    
    padding: 5px;
    height: -4px;
    margin-left: 8px;

}


/* whatsmsg label end */




/* table style start */

.table-fet tbody tr td
{
  padding: 0px 0px !important;

}


/* table style end */


/* new css style for new design start */


/* hero section start */




/* new css style for new design end */






/* blog style start */

.rcnt-hd
{
	font-size: 18px !important;
  margin-bottom: 10px !important;
}



/* blog style end */

/* partner style start */

/* partner style start */

.slick-slide {
	margin: 0px 20px;
}
.slick-slide img {
	width: 100%;
}

.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;
	user-select: none;
	-webkit-touch-callout: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	
 transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before,
.slick-track:after
{
	display: table;
	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}



/* partner style end */



/* partner style end */
/* single product start */

.product-single-web
{
  display: block;
}
.product-single-mobile
{
display: none;
}


.product-main-det
{
	height: 200px; 
	word-wrap: break-word; 
	overflow: scroll; 
	text-align: justify; 
	padding: 5px;
}
.btn-enquire
{
  font-size: 12px !important;
  color:white !important;
}
.btn-whatsapp
{
  font-size: 12px !important;
  color: white !important;
}

/* single product end */

/* navbar mobile start */

.nav-mob
{
  display:none;
}


/* navbar mobile end */

/* ABOUT US  start */

.mydivstyle
{
  margin-bottom: 50px !important;
}


/* about us end */

/* partner slide start */


.partners-section {
	overflow: hidden;
	background-color: #f0f0f0; /* Set your background color */
	padding: 20px;
}

.partner-logos {
	display: flex;
	animation: moveLeft 30s linear infinite; /* Adjust animation duration as needed */
}

.partner-logos img {
	width: 150px; /* Set the width of your partner logos */
height: 30px;
	margin-right: 20px; /* Add spacing between logos */
}

@keyframes moveLeft {
	0% {
		transform: translateX(100%); /* Start position (off the screen to the right) */
	}
	100% {
		transform: translateX(-100%); /* End position (off the screen to the left) */
	}
}


/* partner slide end */

/* blog style start */

.cat_badge
{
  font-size: 8px;

    border-radius: 5px;
     background:#3030789c;
      color: white;
       height: 20px;
        padding: 5px;
}

.card-text
{

  color: black; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box; 
  -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
}

.card-body p:hover
{
color: red;
}
.card-text
{
  color: black;
}
.blog_card:hover
{
cursor: pointer;
}



/* blog style end */


/* blog inner style start */

.blog_tag
{
  font-size: 10px;
  border: 1px solid rgb(204, 204, 204);
  padding:10px;
  margin: 0px;
  width: 100%;
}
.rcnt_blog_p
{
  font-size: 12px; 
  line-height: 2;
}
.rcnt_blog_p:hover
{
  color: red;
}
.rcnt_blog_row
{
  cursor: pointer;
}



/* blog inner style end */


/* mobile view burger icon start */
.navbar-toggler
{
  position: absolute !important;
  right: 0px !important;
}




/* mobile view burger icon end */
/* product row start */

.product-row {
  display: flex;

  padding: 10px;
  transition: transform 0.3s ease;
}

.my-product {
  margin-right: 10px;
  position: relative;
}

.my-product img {
  width: 300px;
  max-height: 300px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.my-product:hover img {
  transform: scaleX(-1);
}

.my-product .whatsapp-button {
  display: none;
  position: absolute;
  bottom: 60px;
  left: 20px;
  background-color: #25D366;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
}
.my-product .enquire-button
{
  display: none;
  position: absolute;
  bottom: 60px;
  right: 20px;
  background-color: #0073e6;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
}
.my-product:hover .enquire-button,
.my-product:hover .whatsapp-button {
  display: block;
}
.arrow-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color:transparent;
  color: white;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 1;
}

.left-arrow {
  left: 0;
}

.right-arrow {
  right: 0;
}

.product-container {
  display: flex;
  overflow: hidden;
  position: relative;
}



/* product row end */

/* category design start */

.category-card img
{
  width:100%;
  height: 150px;
  border-radius: 10px;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.category-card {
  text-align: center;
  padding: 10px;
  position: relative;
  overflow: hidden;
}


.category-card:hover img {
  transform: scale(1.1); /* Add a scale effect on hover */
  opacity: 0.8; /* Reduce opacity on hover */
  cursor: pointer;
}

.category-card h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  margin: 0;
  display: none;
}

.category-card:hover h4 {
  display: block; /* Show the category name on hover */
}

/* category design end */

/* seo content start */

.seo-content {
  padding: 40px 0;
  background-color: #f9f9f9;
}

.container {
  max-width: 960px;
  margin: 0 auto;
}

.seo-heading {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.seo-subheading {
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}

.seo-paragraph {
  margin-top: 10px;
}

.seo-image {
  width: 100%;
  height: 300px;
  margin-top: 20px;
}


/* seo content end */


/* footer design start */

  /*
  =========================================================================================
                                    footer
  =========================================================================================
  */
  
  .footer-wrap {
    padding-top: 43px;
    background-size: cover;
}

.footer-wrap h3 {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.footer-wrap p {
    font-size: 13px;
    line-height: 24px;
    color: #b3b3b3;
    margin-top: 15px;
}

.footer-wrap p a {
    color: #fff;
    text-decoration: underline;
    font-style: italic;
}

.footer-wrap p a:hover {
    text-decoration: none;
    color: #ff7800;
}

.footer-links li a {
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    text-decoration: none;
}


.footer-links li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #ccc;
}

.footer-category li a {
    font-size: 13px;
    line-height: 30px;
    color: #ccc;
    text-decoration: none;
}

.footer-category li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    padding-right: 10px;
    color: #b3b3b3;
}

.address {
    
    color: #b3b3b3;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}

.address:before {
    content: "\f277";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
}

.info a {
 
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-phone:before {
    content: "\f095";
}

.info a {

    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: normal;
}

.fa-fax:before {
    content: "\f1ac";
}

.copyright {
    border-top: 1px solid #111;
    font-size: 14px;
    color: #ccc;
    padding-top: 15px;
    text-align: center;
    padding-bottom: 15px;
    background: #222;
}
footer .second_class{
    border-bottom: 1px solid #444;
    padding-bottom: 25px;
}
footer .first_class {
    padding-bottom: 21px;
    border-bottom: 1px solid #444;
}
footer .first_class p, footer .first_class h3{
    margin: 0 0;
    
}
footer{
    background: #333;
}

footer .newsletter input[type="text"] {
    width: 100%;
    background: #fff;
    color: #333;
    border: 1px solid #222;
    padding: 14px 20px;
    border-radius: 50px;
    margin-top: 12px;
}

.newsletter .newsletter_submit_btn {
    background: #fff;
    position: absolute;
    right: 30px;
    border: 0;
    top: 26px;
    font-size: 17px;
    color: #333;
}


footer .second_class_bdr{
    padding-top: 25px;
    border-top:1px solid #222;
}

footer .btn-facebook a {
    padding: 6px 14px !important;
}

footer .btn-envelop a {
    color: #D6403A;
    font-size: 15px;
    padding: 12px 12px;
}

footer .round-btn a {
    padding: 6px 12px;
}

footer .round-btn {
    box-shadow: 2px 2px 5px 0px #222 !important;}

footer .round-btn {
    margin: 15px 4px;}
  
footer dl, ol, ul {
    padding-left: 5px;
}
  footer li{
    list-style: none;
  }

@media(max-width:768px){
    .footer-wrap h3 {
    margin-top: 27px;}
    
    footer .round-btn {
    margin: 15px 4px;}
    .btn-whats-div
    {
      margin-top: 20px;
    }
}
@media(max-width:320px){
.copyright {
    font-size: 13px;}
} 



/* footer design end */



/* product whatsapp me btn start*/
.btn-video
{
	font-size: 12px !important;
  padding: 8px 6px;
}


.nav-pills .nav-link.active
{
  background-color: transparent !important;
  border: hidden;
  border-bottom: 2px solid black;
  color: black;
  font-weight: bold;
}
.spec-ul
{
  margin-bottom: -10px;
}

.spec-button 
{
  margin-left: 20px;
  background-color: transparent !important;
  color: black !important;
  font-weight: bold;
  border: hidden;
border-radius: 0px !important;
}
.spec-button:hover
{
cursor: pointer;
color: red !important;

}
.spec-button:focus
{
border-left: 1px solid white !important;

}
.btn-whatsapp{
background-color: #3bac0ed0;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    border: 0px;
    color: white !important;
  }
  .btn-whatsapp:hover
  {
    background-color:white;
    border: 1px solid #3bac0ed0;
    color: #3bac0ed0 !important;
    cursor: pointer;
  }
/* product whatsapp me btn end */



.marketing-content
{
	color:white;
	 font-size:2px;
	  z-index:-1;
	   position:absolute;
     top: 10px;

}
.container
{
  max-width:1240px !important;
}
.productBrand {
margin: 5px;
border-radius:10px;
height: 100px;

}
.productBrand img{
  opacity: .7;
}
.active, .productBrand img:hover{
  opacity: 1;
  cursor:pointer;
}

.productBrand img:active{
  opacity: 1;
  cursor:pointer;
}

.productBrand a
{
  cursor: pointer;
  color: #4c5e91;
}
/*about us start*/
.myLogo
{
    margin-left:-30px;
}
.about-banner-img
{
  width: 100%;
}
/*about us end*/
/*mission and vision style start*/
.vision-para
{
  position:absolute; 
  top:200px; 
  left: 120px; 
  width:40%;
  font-size:12px; 
  text-align:center;
}
.main-all
{
 margin-left: 50px;
}
.main
{
position: absolute; 
width: 100%;
top: 10px;
}
.mission-heading
{
  position: absolute;
   left: 145px; 
   top: 150px;
}
.mission-para
{
  position: absolute;
  left: 70px;
  top:190px; 
  width:40%;  
  border-radius:50%;
  font-size: 12px; 
  text-align:center;
}
.main-all-vision
{
  margin-left: 100px;
}
  .vision-heading
  {
    position: absolute;
    top: 170px;
    left: 280px;
  }

/*mission and vision style end*/

.content-texts
{
  color: white;
   font-size:20px;
    text-align:justify;
    margin-top:60px;
}


 .bbb_viewed {
     padding-top: 51px;
     padding-bottom: 60px;
     
 }

 .bbb_main_container {
     background-color: #fff;
     padding: 11px
 }

 .bbb_viewed_title_container {
     border-bottom: solid 1px #dadada
 }

 .bbb_viewed_title {
     margin-bottom: 16px;
     margin-top: 8px
 }

 .bbb_viewed_nav_container {
     position: absolute;
    right: 20px;
     top: 30px;
 }

 .bbb_viewed_nav {
     display: inline-block;
     cursor: pointer
 }

 .bbb_viewed_nav i {
     color: #dadada;
     font-size: 18px;
     padding: 5px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_nav:hover i {
     color: #606264
 }

 .bbb_viewed_prev {
     margin-right: 15px
 }

 .bbb_viewed_slider_container {
     padding-top: 13px
 }

 .bbb_viewed_item {
     width: 100%;
     background: #FFFFFF;
     border-radius: 2px;
     padding-top: 25px;
     padding-bottom: 25px;
     padding-left: 30px;
     padding-right: 30px
 }

 .bbb_viewed_image {
     width: 150px;
     height: 150px
 }

 .bbb_viewed_image img {
     display: block;
     max-width: 100%
 }

 .bbb_viewed_content {
     width: 100%;
     margin-top: 25px
 }

 .bbb_viewed_price {
     font-size: 16px;
     color: #000000;
     font-weight: 500
 }

 .bbb_viewed_item.discount .bbb_viewed_price {
     color: #df3b3b
 }

 .bbb_viewed_price span {
     position: relative;
     font-size: 12px;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.6);
     margin-left: 8px
 }

 .bbb_viewed_price span::after {
     display: block;
     position: absolute;
     top: 6px;
     left: -2px;
     width: calc(100% + 4px);
     height: 1px;
     background: #8d8d8d;
     content: ''
 }

 .bbb_viewed_name {
     margin-top: 3px
 }

 .bbb_viewed_name a {
     font-size: 14px;
     color: #000000;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_name a:hover {
     color: #0e8ce4
 }

 .item_marks {
     position: absolute;
     top: 18px;
     left: 18px
 }

 .item_mark {
     display: none;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: 500;
     line-height: 36px;
     text-align: center
 }

 .item_discount {
     background: #df3b3b;
     margin-right: 5px
 }

 .item_new {
     background: #0e8ce4
 }

 .bbb_viewed_item.discount .item_discount {
     display: inline-block
 }

 .bbb_viewed_item.is_new .item_new {
     display: inline-block
 }


  .myftco-section
  {
margin-top:-150px;  
}

.btn-enquire:hover
{
cursor: pointer;
}
.buy-now:hover
{
  cursor: pointer;
}
/*button style*/


/* CSS */
.button-66 {
  background-color: #0a6bff;
  border-radius: 4px;
  border: 0;
  box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inherit;
  font-family: "Space Grotesk",-apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  min-height: 56px;
  min-width: 120px;
  padding: 16px 20px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  transition: all .2s cubic-bezier(.22, .61, .36, 1);
}

.button-66:hover {
  background-color: #065dd8;
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .button-66 {
    padding: 16px 44px;
    min-width: 150px;
  }

  .vision-para
  {
    left: 200px;
  }
}
/*css 3d animation*/
.mydivstyle
{
  background:rgba(191, 10, 10, .9); 
  border-radius: 20px; 
  height:150px;
 
}
.mydivhead
{
  margin-top: -50px;
}
.effect3d { animation-name: effect3d }
@keyframes effect3d {
    to {
        text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15)
    }
}

/*css my animations*/

.cssanimation, .cssanimation span {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.cssanimation span { display: inline-block }

.leFadeIn span { animation-name: leFadeIn }
@keyframes leFadeIn {
    from { opacity: 0 }
    to { opacity: 1 }
}
/*image flip*/
.myimg-fluid:hover
{
  background: url('https://ae01.alicdn.com/kf/HTB1N.tXayHrK1Rjy0Flq6AsaFXaQ/Sunmi-V2-pro-4G-Android-Handheld-POS-Terminal-With-Printer-WIfi-NFC-Mobile-POS-Devices-with.jpg');
}
/* Sections Header
--------------------------------*/
.section-header {
  margin-bottom: 30px;
}
.section-header h1,span {
  font-size: 32px;
  color: #0c2e8a;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding-bottom: 20px;
}
.section-header h1::before {
  content: "";
  position: absolute;
  display: block;
  width: 100px;
  height: 3px;
  background: red;
  bottom: 0;
  left: 0;
  margin-left: 300px;
}
.section-header span::before {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  background: red;
  bottom: 0;
  left: 0;
}
.section-header p {
  padding: 0;
  margin: 0;
}



/*scrollbars design*/
/* width */
::-webkit-scrollbar {
  width: 5px;
  border: none;
}

/* Track */
::-webkit-scrollbar-track {
background:transparent;
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, .5);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(217, 124, 124, .7);
}


.how-section1 h4{
    color: rgba(227, 49, 36, .7);
    font-weight: bold;
    font-size: 30px;
}
.how-section1 .subheading{
    color: #3931af;
    font-size: 20px;
}
.how-section1 .row
{
    margin-top: 10%;
}
.how-img 
{
    text-align: center;
}
.how-img img{
    width: 60%;
}

.mySearchbox
{

  border:0px !important;
  background-color: rgba(161, 166, 173, .1) !important; 
  border-radius:10px !important;
 
}
.mySearchbox:focus , active
{
  border: 2px solid rgba(173, 76, 76, .3) !important;
}

.nav-column a
{
    font-weight: bold !important;
}
.nav, input
{
	font-family: 'mulish';
}
.product-item:hover
{
	color: red;
}
.nav-columnhead
{
	float: left;
	display: block;
}
.nav-columnhead a
{
font-size: 15px;
}
.card
{
	border-radius: 20px !important;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.mybrands .card
{
width: 70%;

}
.img-brand
{
	width: 30%;
	float: left;
}
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -30px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
 border: 1px solid rgba(199, 16, 16,.8);
    border-radius: 30%;
    width: 15px;
    
}

.blog .carousel-indicators .active {
background:rgba(199, 16, 16,.8) ;

border-radius: 30%;
width: 15px;
}
.myCard:hover
{
	box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;

}
.nav-columnhead a
{
background-color:none;
}
.mynavbar
{
  background-color: #201b1b;
  border-bottom: 2px solid #bf2929;
}

/* mystyle navbar start here  */


.nav > li > a
{
  color: white !important;
}



/* mystyle navbar end here */

.myicon span
{
	font-size: 12px;
}
.myhero-bread
{

	width: 95%;
  height: 40px;
	

}
.mySidebar
{
	margin-left: -100px;
	margin-top: -100px;
}
.sidebar-box a
{
	font-family:muli;
	color: red;
	font-size: 11px;
}
.sidebar-box li
{
list-style: none;
}
.sidebar-box a:hover
{
	color: red;
	font-weight: bold;
}
.sidebar-box a:active
{
    font-weight: bold;
}
.sidebar
{
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.sidebar h2
{
	font-size: 15px;
	font-weight: 1000;
	
}
.mycarousel
{
	margin-top: 50px;
}
.myheading h1
{
font-size: 29px;
font-weight: bold;
padding-top: 10px;
color: #0c2e8a;
padding-top: 30px;
padding-bottom: 30px;
}
.myform-control
{
	height:38px !important;
	margin-left: 150px;

}
.fullproduct
{
  margin-left: 80px;
}

.myProductBox:hover
{


}

/*searchbox */
.search-box{
    display: flex;
    background: #8c8888;
    border-radius: 4em;
    position: absolute;
    left: 300px;
}
.search-box-input{
    width: 0px;
    font-size: 1em;
    color: black;
    transition: .5s;
border: 1px solid #8c8888;
}
.search-box-btn{
    display: flex;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    background: white;
    transition: .3s;
    padding-top: 5px;
    border: 1px solid #8c8888;

}
.search-box-icon{
    margin: auto;
    color: #8c8888;
}
.search-box-input::placeholder{
    color: black;
    opacity: .7;
}
.search-box:hover .search-box-input{
    padding-left: 2em;
    padding-right: 1em;
    width: 340px;
}
.search-box-btn:active{
    transform: scale(.75);
}

/*my social media icons*/
.wrapper {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 350px;
}

/* Style the Un-order list by setting its list-style to none */
.wrapper ul {
  list-style: none;
}


/* Style the list items inside the UL list, by setting its width, height and line-height 
  and float them to left and set its border and border-radius.
 */
.wrapper ul li {
  width: 25px;
  height: 25px;
  
  margin: 0 5px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #767a77;
  float: left;
  transition: all 0.5s ease;
}

/* Style the icons by setting its color and margin-top value to 20px 
to align it properly */
.wrapper ul li .fa {
  color: #767a77;
  transition: all 0.5s ease;
}

/* Now target the specific li classes for styling and use box-shadow effect to border and text-shadow effect
  to icons for glowing effect and use transition property for smooth transition effect. */
/*facebook*/
.wrapper ul li:hover.facebook {
  border: 3px solid #3b5998;
  box-shadow: 0 0 15px #3b5998;
  transition: all 0.5s ease;
}

.wrapper ul li:hover .fa-facebook {
  color: #3b5998;
  text-shadow: 0 0 15px #3b5998;
  transition: all 0.5s ease;
}


/*twitter*/
.wrapper ul li:hover.twitter {
  border: 3px solid #00aced;
  box-shadow: 0 0 15px #00aced;
  transition: all 0.5s ease;
}

.wrapper ul li:hover .fa-twitter {
  color: #00aced;
  text-shadow: 0 0 15px #00aced;
  transition: all 0.5s ease;
}
/*linkedin*/
.wrapper ul li:hover.linkedin {
  border: 3px solid #1703fc;
  box-shadow: 0 0 15px #1703fc;
  transition: all 0.5s ease;
}

.wrapper ul li:hover .fa-linkedin {
  color: #1703fc;
  text-shadow: 0 0 15px #1703fc;
  transition: all 0.5s ease;
}

/* instagram */
.wrapper ul li:hover.instagram {
  border: 3px solid #bc2a8d;
  box-shadow: 0 0 15px #bc2a8d;
  transition: all 0.5s ease;
}

.wrapper ul li:hover .fa-instagram {
  color: #bc2a8d;
  text-shadow: 0 0 15px #bc2a8d;
  transition: all 0.5s ease;
}

/* google */
.wrapper ul li:hover.google {
  border: 3px solid #dd4b39;
  box-shadow: 0 0 15px #dd4b39;
  transition: all 0.5s ease;
}

.wrapper ul li:hover .fa-google {
  color: #dd4b39;

  text-shadow: 0 0 15px #dd4b39;
  transition: all 0.5s ease;
}

/* whatsapp */
.wrapper ul li:hover.whatsapp {
  border: 3px solid #4dc247;
  box-shadow: 0 0 15px #4dc247;
  transition: all 0.5s ease;
}

.wrapper ul li:hover .fa-whatsapp {
  color: #4dc247;
  text-shadow: 0 0 15px #4dc247;
  transition: all 0.5s ease;
}


/* media queries */

@media screen and (max-width: 640px){
  /*index page start*/

  /*index page end*/
.mainProductBrand
{
  width: 100%;
}
.productBrand
{
  width:40%;
}
.mission-img
{
  margin-left: 50px;
}
.vision-img
{
  margin-left:-50px;
}
.main
{
  left:100px;
  bottom: 30px;

}
.vision-para
{
margin-top: 50px;
margin-left: -30px;
}
.vision-heading{
  margin-top:40px;
  margin-left: -10px;
}
  .content-imgs
  {
    display: none;
  }
  .content-texts
{
  color: white;
   font-size:12px;
    text-align:justify;
    margin-top:10px;
}

    .myftco-section
  {
margin-top:-50px;  
}
  .wrapper {
      width: 350px;
      position: absolute;
      left: 150px;
  }
  .wrapper ul li{
      margin-top: 130px;


  }
  .wrapper ul li.google{

  }
  .mydivhead
{
  margin-top: -100px;
  font-size:13px;
}
}


@media screen and (max-width: 340px){
  .wrapper {
      width: 150px;
  }
    .mydivhead
{
  margin-top: -150px;
  font-size:13px;
}
  .wrapper ul li{
      margin:15px;
  }
  .wrapper ul li.google{
      margin-left: 15px;
  }

}
@media (max-width: 768px) {
  /*index page style start*/
  .content-texts
  {
    font-size: 15px;
  }
  /*index page style end*/
  .about-banner-img
{
  width: 100%;
}
.main-all
{
margin-left: 0px;
}
.main
{
  top: 250px;
}
.vision-img
{
  width:120%;
}
.mission-img
{
  width: 80%;
}
.main-all-vison
{
  left:0px;
}
.mission-heading
{
  top: -140px;
  left: 75px;
  font-size:15px !important;
}
.mission-para
{
  left: 40px;
  top: -110px;
  font-size:8px !important;
}
.vision-heading
{
  top: 100px;
  left: 210px;
}
.vision-para
{
  top: 130px;
  font-size:8px !important;
  left: 170px;
}
.sidebar
{
	margin-left: 0px;
}
.mysearchdiv
{
position: absolute;
left: 180px;
top: 10px;

}
.mySearchbox
{
  position: relative;
  right: 250px;
min-width: 150px !important;
}
.mysearchicon
{
  display: none;
}
		}

    /* Services Section
--------------------------------*/
#services {
  padding: 40px 0;
  margin-left: 50px;
}
#services .box {

  box-shadow: 10px 10px 15px rgba(73, 78, 92, 0.1);
  background: #fff;
  transition: 0.4s;
  height: 100%;
  margin-right: 20px;
  width: 109%;

}
#services .box:hover {
  box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  text-decoration: none;
}
#services .box .icon {
  float: left;
}
#services .box .icon i {
  color: #444;
  font-size: 64px;
  transition: 0.5s;
  line-height: 0;
  margin-top: 34px;
}
#services .box .icon i:before {
  background: #0c2e8a;
  background: linear-gradient(45deg, #50d8af 0%, #a3ebd5 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#services .box h4 {
  margin-left: 100px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 22px;
  text-decoration: none;
}
#services .box h4 a {
  color: #444;
  text-decoration: none;
}
#services .box p {
  font-size: 14px;
  margin-left: 100px;
  margin-bottom: 0;
  line-height: 24px;
}

@media (max-width: 767px) {
  #services .box .box {
    margin-bottom: 20px;
  }
  #services .box .icon {
    float: none;
    text-align: center;
    padding-bottom: 15px;
  }
  #services .box h4, #services .box p {
    margin-left: 0;
    text-align: center;
  }


}
@media(max-width: 900px)
{
    .myaboutimg
  {
  display: none;
  }
}
@media only screen and (min-width: 770px) and (max-width: 1025px) 
{
  .btn-enquire
  {
    font-size: 15px;
  }
  .btn-whatsapp
  {
    font-size: 15px;
  }
  .btn-whats-div{
    margin-top: 20px;
  }
}
@media only screen and (min-width:200px) and (max-width:450px)
{
  .product .text .bottom-area a.buy-now
  {
    font-size: 8px !important;
    font-weight: bold !important;
  }
  .product .text .bottom-area
  {
    top:-10px;

  
  }
  .product .text h3 a
  {
    font-size: 10px !important;
  }
  .product-single-web
  {
    display: none;
  }
.product-single-mobile
{
  display: block;
}

  .fullproduct
  {
    margin-left: 0px !important;
  }
.in_card-head
{
  font-size: 1rem !important;
}
.about_para
{
  font-size: 12px !important;
}
.abt_cat
{
  display:none;
}
.mydivstyle h1
{
  font-size: 10px !important;
}
.mydivhead
{
  margin-top:-50px;
}
.nav-mob
{
display: block;
  position: fixed;
  width: 100%;
  background-color:
   white;z-index: 99;
  visibility: hidden;
   top: 80px;
}

.single-product-head
{
  font-size: 20px !important;
}

}