@font-face {
font-family: 'Poppins ExtraLight';
font-style: normal;
font-weight: normal;
src: local('Poppins ExtraLight'), url('../fonts/Poppins-ExtraLight.woff') format('woff');
}
@font-face {
font-family: 'Poppins Regular';
font-style: normal;
font-weight: normal;
src: local('Poppins Regular'), url('../fonts/Poppins-Regular.woff') format('woff');
}
@font-face {
font-family: 'Poppins Medium';
font-style: normal;
font-weight: normal;
src: local('Poppins Medium'), url('../fonts/Poppins-Medium.woff') format('woff');
}
@font-face {
font-family: 'Poppins Bold';
font-style: normal;
font-weight: normal;
src: local('Poppins Bold'), url('../fonts/Poppins-Bold.woff') format('woff');
}
@font-face {
font-family: 'Poppins Black';
font-style: normal;
font-weight: normal;
src: local('Poppins Black'), url('../fonts/Poppins-Black.woff') format('woff');
}

/* STRIPE PAYMENT GATEWAY */
#name-on-card, #card-element {
  padding: 12px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 12px;
}

#card-element {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

#card-element:focus, #name-on-card:focus {
  border-color: #5cb85c;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* STRIPE PAYMENT GATEWAY */

/*HEADER AFTER LOGIN*/
.usercover{ display: inline-block;     margin-left: 15px; position: relative;}
.header-parent .header .item-right{flex: 0 0 17%!important;}

.header-parent .header .item-right a:first-child{ padding-left: 0; margin-left: 0;}
.uNameCover { display: inline-block; }
.uNameCover i{ vertical-align: text-top;}
.userMobOnly{ display:none;}
.uName{
    width: 86px;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}
.uNameCover:after{
    position: absolute;
    right: 0;
    top:7px;
    content: "";
    width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2f2f2f;
  font-size: 0;
  line-height: 0;
}
.userLogIn{ position: relative;}
ul.udropdown{ 
    display: none;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    top:27px;
    right: 0;
    z-index: 9;
    padding:10px 15px !important;
    width: 179px;
 }
 ul.udropdown li{ padding: 5px 0; border-bottom: 1px dashed #ccc;}
 ul.udropdown li:last-child{ border-bottom: 0;}
ul.udropdown li a{ font-size: 14px!important; text-align: left; margin-left: 0!important;}


@media(max-width: 1054px) {
    .uName { width: 77px;}
}

@media(max-width: 480px) {
.header-parent .header .item-right a:first-child{margin-left: 5px;}
.uNameCover{ padding-right: 13px;}
.uName{display:none;}
.userMobOnly{ display:block;}
.userMobOnly a{display: block !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}	
	
}

/*END HEADER AFTER LOGIN*/

/*JOIN US*/
.joinUs{}
.joinUs .mb-2{margin-bottom: 1rem !important;}
.joinUs .form-check label{ margin-bottom: 0;}
.joinUs .contact_field{padding: 60px 0 90px 0;}
.joinUs input[type='text'], .joinUs input[type='email']{
    font-size: 16px;
    width: 100%;
    border-width: 0 0 2px;
    border: 1px solid #ced4da;
    height: 40px;
    line-height: 40px;
    color: #000;
    padding: 3px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.joinUs label{ font-size: 14px; display: block; margin-bottom: 5px;}
.joinUs textarea{
    font-size: 16px;
    width: 100%;
    border: 1px solid #ced4da!important;
    height: 150px;
    line-height: 40px;
    color: #000;
    padding: 3px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px!important;
}
.smallText{ font-size: 13px; color:#a3a3a3;}
.joinSubmit { text-align: center;}
.joinSubmit .jsubt{
    background: #fa6646;
    border: none;
    color: #fff;
    margin-top: 25px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 50px;
    padding: 8px 26px 8px 26px;
}
/*END JOIN US*/

/*RESET CSS*/
body{font-family: 'Poppins Regular';}
li {
    list-style: none;
}

a{
    text-decoration: none;
}
/*END RESET CSS*/

/*404*/
.error4_wraper{
padding: 2rem 0;
background: #ffffff;

}
.error4_wraper img{
    margin-bottom: 2rem;
}
.error4_wraper h1{
font-weight: 600;
color: #009d46;
}

/*END 404*/

/*NO PRODUCT FOUND*/
.error4_wraper{
    padding: 2rem 0;
    
    }
    .error4_wraper img{
      max-width: 180px;
      margin-bottom: 2rem;
    }
    .error4_wraper h1{
  font-size: 80px;
  font-weight: 600;
  color: #009d46;
    }
    .btn_common {
      margin-top: 2rem;
    }
    .btn_common a{
      fill: #000000;
      color: #000000;
      background-color: #61CE7000;
      border-style: solid;
      padding: 5px 20px;
      border-color: #232323;
      text-decoration: none;
    }
/*END NO PRODUCT FOUND*/

/*ABOUT US CSS*/


.contentPages h1{ font-size: 32px; font-weight: bold; font-family: 'Poppins Medium';}
.contentPages ul{}
.contentPages ul li{ list-style: square;}

.abtFirst h2{ font-size: 33px; font-weight: bold; font-family: 'Poppins Medium';}
.abtFirst figure img{border-radius: 25px;}
.abtBoxes{ padding: 25px 0 0 0;}
.abtBoxes .abtSingle{
    background: #f5f5f5;
    padding: 25px 30px;
    border-radius: 25px;
    margin-bottom: 15px;
    height: 92.5%;
    min-height: 350px;
}
.abtBoxes .abtSingle h4{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins Medium';
}
.abtSingle ul{ padding:0 0 0 20px; }
.abtSingle ul li{ list-style: disc; margin-bottom: 10px;}


@media(max-width: 480px) {
.contentPages h1{ font-size: 22px;}
.abtBoxes .abtSingle{ min-height: auto; height: auto;}
}
/*END ABOUT US CSS*/


/*HEADER CSS*/
.header {
    background-color: #ef4423;
    display: block;
    width: 100%;
    position: relative;
    z-index: 99;
    padding: 5px 0px;
}
.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,
.header .menu>ul>li .sub-menu>ul>li>a:hover,
.header .item-right a:hover,
.header .menu>ul>li:hover>a {
    color: #ea4636;
}

.header .item-left {
    flex: 0 0 25%;

    .logo {
        width: 220px;

        img {
            width: 100%;
        }
    }
}

.header .logo a {
    font-size: 30px;
    color: #000000;
    font-weight: 700;
    text-decoration: none;
}

.header .item-center {
    flex: 0 0 60%;
}

.header .item-right {
    flex: 0 0 15%;
    display: flex;
    justify-content: flex-end;
}

.header .item-right a {
    text-decoration: none;
    font-size: 16px;
    color: #555555;
    display: inline-block;
    margin-left: 10px;
    transition: color 0.3s ease;
}

.header .menu>ul>li {
    display: inline-block;
    line-height: 50px;
    margin-left: 45px;
}

.header .menu>ul>li>a {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    position: relative;
    text-transform: capitalize;
    transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu {
    position: absolute;
    z-index: 500;
    background-color: #ffffff;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);
    padding: 20px 30px;
    transition: all 0.5s ease;
    margin-top: 25px;
    opacity: 0;
    visibility: hidden;
}



.header .menu>ul>li .sub-menu>ul>li {
    line-height: 1;
}

.header .menu>ul>li .sub-menu>ul>li>a {
    display: inline-block;
    padding: 10px 0;
    font-size: 15px;
    color: #555555;
    transition: color 0.3s ease;
    text-decoration: none;
    text-transform: capitalize;
}

.header .menu>ul>li .single-column-menu {
    min-width: 280px;
    max-width: 350px;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {
    line-height: 1;
    display: block;
}

.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {
    padding: 10px 0;
    display: inline-block;
    font-size: 15px;
    color: #555555;
    transition: color 0.3s ease;
}

.header .menu>ul>li .sub-menu.mega-menu {
    left: 50%;
    transform: translateX(-50%);
}

.header .menu>ul>li .sub-menu.mega-menu-column-4 {
    max-width: 1100px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {
    flex: 0 0 25%;
    padding: 0 15px;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {
    font-size: 16px;
    color: #ea4636;
    font-weight: 500;
    line-height: 1;
    padding: 10px 0;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {
    text-align: center;
}

.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    margin-top: 10px;
    height: 300px;
    object-fit: cover;
}

.header-parent .header .menu > ul > li {
    display: inline-block;
    line-height: 50px;
    margin:0 12px;
  }




.get-head {
    padding: 3px 0;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}
.navbar-cus ul {
    display: flex;

    margin-top: 44px;
}

.navbar-cus ul li {

    font-size: 17px;
    padding: 0px 40px 0px 40px;
    font-weight: 500
}

.navbar-cus ul li a {
    color: black;
}

.navbar-cus ul li a:hover {
    color: #ef4423 !important;

}

.active a {
    color: #ef4423 !important;
}
.icon-cus ul {
    display: flex;
    margin-top: 44px;
}

.icon-cus ul li {
    padding: 0px 16px 0px 0px;
}

.logo-cus img {
    width: 248px;
}

@media(max-width: 1177px) {

.header-parent .header .menu > ul > li{margin: 0 7px;}
}

@media(max-width: 1110px) {
.header-parent .header .menu > ul > li{margin: 0 5px;}
}

@media(min-width: 992px) {
    .header .menu>ul>li.menu-item-has-children:hover .sub-menu {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
    }
    
}

@media(max-width: 992px) {
.header .menu>ul>li>a{ color:#424242!important;}
.header .active a{ color:#424242!important;}
}
/*END HEADER CSS*/

/*FOOTER*/
.footer-section {
    background-color: #f5f5f5;
    padding: 30px;
}
.footer-section h5{ font-weight: 600;}

.icon-footer {
    margin-right: 5px;
    height: 14px;
}

.phone-head {
    color: #646262;
}

.follow-head {
    display: flex;
    padding-left: 0rem;
}

.follow-icon {
    width: 30px;
    border-radius: 20px;
}

.follow-head li {
    padding: 0px 6px 0px 0px;
}

.list-footer {
    padding-left: 0rem;
}

.list-footer li a {
	font-size: 15px;
    color: #646262;
}

.list-footer li {
    padding: 8px;
}

.footer-heda-para {
    text-align: center;

}

.footer-heda-para p {
    color: #646262;
    padding: 18px;
    margin-bottom: 0px;
}

.faebey-head h4 {
    color: #ef4423;

}

@media(max-width: 768px) {
.footer-section .ftLogo img{height: 60px;}
}

@media(max-width: 480px) {
    .footer-section{ padding: 20px 10px;}
    .footer-section .ftLogo{ margin-bottom: 10px;}
    .footer-section .ftLogo img{  height: 60px;}
    .footer-section h5{ font-size: 15px;}
    .footer-section p{ font-size: 14px;}
    .footer-section a{ font-size: 14px;}
    
    .footer-section iframe{ width: 100%;}
}
    
/*END FOOTER*/


/*HOME*/
.desktopBanner{ display: block;}
.mobileBanner{ display: none;}

.hslider{ position: relative;}
.hslider .owl-dots {
    text-align: center;
    position: absolute;
    display: flex;
    justify-content: center;
    bottom: 20px;
    width: 100%;
}
.hslider .owl-dots button.owl-dot.active span, 
.hslider .owl-dots button.owl-dot:hover span {
  background-color: #FEAE00;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  position: absolute;
   top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.hslider .owl-dots button.owl-dot{
  /*border: 1px solid gray;*/
  background: white;
   border-radius: 50%;
   height: 16px;
   width: 16px;
   position: relative;
	margin:0 4px;
}


.dubaiuae{}

.bannerCover{ position: relative;}
.bannerCover img{ width: 100%;}
.bannerContent{ width: 618px; height: 258px; position: absolute; left: 100px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;}

.banner-head h1 span {
    color: #ef4423;
}

.banner-head h1 { font-family:'Poppins Bold';}
.banner-btn a {
    padding: 10px 25px 10px 25px;
    border: 1px solid black;
    border-radius: 20px;
    color: black;
}

.banner-text {
    background-image: url("../images/text-img.jpg");
    background-size: cover;
    min-height: 140px;
    background-repeat: no-repeat;
}

.banner-text-head {
    font-size: 24px;
    font-weight: 300;
}
.bannerBelowText{
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.bannerBelowText h3{ margin: 0;}

.shop-head {
    font-size: 40px;
    font-weight: 900;
}

.circel-section {
    width: 220px;
    height: 220px;
    background-color: #f5f5f5;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: auto;
    border: 1px solid #e7e7e7;
}

.circle-image {
    padding: 27px;
    width: 110px;
}


.shopByCateg h5.food-head{ font-size: 16px; font-weight: bold; margin-top: 15px; line-height: 22px;}
.shopByCateg h5.food-head a{ color: #010101;}

.circle-image2 {
    padding: 5px;
    width: 110px;
}

.circle-image3 {
    padding: 14px;
    width: 110px;
}

.circle-image4 {
    padding: 21px;
    width: 110px;
}

.about-us-back {
    background-image: url("../images/about-us-new.png");
    background-size: cover;
    height: 395px
}

.Beauty-head {
    color: #fff;
    font-size: 45px;
}

.Beauty-para {
    color: #fff;
    font-size: 15px
}

.ultimate-cus {
    background-image: url("../images/butterfly-bg.png");
    /* height: 613px; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 64px 0px;
}

.beauty-routine {
    background-image: url("../images/orange-bg.png");
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-size: 100%;
    padding-bottom: 20px;
}


.routine-head {
    color: #fff;
    font-size: 40px;
    font-family: 'Poppins Medium';
}

.routine-para {
    color: #fff;
}

.tea-section-bg {
    background-image: url("../images/home-probg.jpg");
    height: 380px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.black-bg {
    background-image: url("../images/home-probg.jpg");
    background-repeat: no-repeat;
    margin-top: 145px;
    height: 400px;
    background-size: 100% 100%;
    padding-top: 45px;
}
.black-bg h2{ font-size: 53px; font-family: 'Poppins bold'; color:#fff; line-height: 54px;  }

.modul-bg {
    background-image: url("../images/modal-bg.png");
    background-repeat: no-repeat;
    height: 700px;
    position: relative;
}
.modul-bg .modul-btn img{ height: 64px;}


.modul-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.about-pick {
    border-radius: 30px;
}

.supplement-head {
    text-align: center;
    margin-top: 145px;
}

.supplement-head h1 span {
    font-size: 62px;
    font-weight: 700;
    color: red;
}

.supplement-head h1 {
    font-size: 33px;
}
.supplement-head h2 {
    font-size: 33px;
}
.supplement-head h2 span {
    font-size: 62px;
    font-weight: 700;
    color: red;
}

.owl-img-cus {
   /* width: 201px !important;
    position: absolute;
    top: 12%;
    left: 8%;*/
}

.faebey-head h4 {
    margin-left: 60px;
    margin-top: 16px;
}

.faebey-para {
    margin-left: 65px;
}


.looking-head h1 {
    font-size: 68px;
    color: #fff;
    font-weight: 700;
}

.arrow-icon3 {
    color: #fff;
    border: 1px solid #fff;
    padding: 14px 45px 14px 45px;
    border-radius: 30px;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
}

.img-border {
    border: 1px solid #d9d9d9;
    border-radius: 22px;
}

.modal-body {
    padding: 0px !important;
}

.modal-content {

    width: min-content !important;

    background-color: #000 !important;

}

.arrow-icon {
    color: #f45c3e;
    border: 1px solid #fff;
    padding: 10px 27px 10px 27px;
    border-radius: 30px;
    background-color: #fff;
    font-size: 17px;
}

.arrow-icon1 {
    color: #000000;
    border: 1px solid #000000;
    padding: 14px 45px 14px 45px;
    border-radius: 30px
}

.arrow-icon1 img {
    width: 30px;
}

.arrow-icon img {
    width: 30px;
}


.hProdListing{}
.owl-heading, .faebey-head{ text-align: center;}
.owl-heading h4, .faebey-head h4{ font-size: 17px; font-weight: bold; text-transform: capitalize; margin-left: 0;}
.owl-heading p, .faebey-head p{ font-size: 14px; color:#464646; margin-bottom: 8px;}
.owl-heading span, .faebey-head span{
    font-size: 14px;
    color: #777777;
    text-decoration: line-through;
    display: inline-block;
    padding: 0 4px;
}
.owl-heading strong, .faebey-head strong{
    font-weight: 800;
    padding: 0 4px;
    display: inline-block;
}



.owl-img {
    /* width: 127px !important;
    position: absolute;
    top: 3%;
    left: 19%;*/
}

.owl-theme .owl-nav{
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    margin: auto !important;
    width: 100%;
    /*height: 40px;*/
}
.owl-nav .owl-next {
    position: absolute;
    top: 30%;
    right: -2.5%;
    width: 51px !important;
    font-size: 32px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    background: url(../images/right-arrow.png)!important;
    text-indent: -9999999px;
    background-size: 100% auto !important;

    /*
    border: 1px solid #f4f4f5 !important;
    box-shadow: -1px 3px 15px 2px rgb(0 0 0 / 77%) !important;
    -webkit-box-shadow: -1px 3px 15px 2px rgb(157 142 142 / 77%) !important;
    background-color: #f4f4f5 !important;
    */
}

.owl-nav .owl-prev {
    position: absolute;
    top: 30%;
    left: -2.5%;
    width: 51px !important;
    font-size: 32px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    background: url(../images/left-arrow.png)!important;
    text-indent: -9999999px;
    background-size: 100% auto !important;

    /*
    border: 1px solid #f4f4f5 !important;
    box-shadow: -1px 3px 15px 2px rgb(0 0 0 / 77%) !important;
    -webkit-box-shadow: -1px 3px 15px 2px rgb(157 142 142 / 77%) !important;
    background-color: #f4f4f5 !important;
    */
}

.owl-theme .owl-nav [class*=owl-]:hover {

    color: #000 !important;

}

.owl-img-bg {
    border: 1px solid white;
    /*box-shadow: -1px 3px 15px 2px rgb(0 0 0 / 77%);
    -webkit-box-shadow: -1px 3px 15px 2px rgb(157 142 142 / 77%);
    -moz-box-shadow: -1px 3px 15px 2px rgba(0, 0, 0, 0.77);*/

    box-shadow: rgb(0 0 0 / 19%) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;

    padding: 16px;
    height: 260px;

    border-radius: 30px;
    background-color: #f4f4f5;
    margin-top: 8px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-img-bg img{
    width: auto!important;
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}




.owl-heading h4 {
    color: #ef4423;
    margin-left: 0;
    margin-top: 16px;
    margin-bottom: 4px;
    font-size: 17px;
    font-weight:bold;
}
.owl-heading p{ font-size: 15px; color: #464646; margin-bottom: 5px; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;}





@media only screen and (max-width: 768px) {
    .navbar-cus ul li {
        font-size: 15px;
        padding: 0px 66px 0px 0px;

    }
    .banner-btn a{ padding: 6px 18px 6px 15px!important;}
    .banner-text-head {
        font-size: 17px;
        font-weight: 300;
    }

    .banner-head h1 {

        font-size: 18px;
    }

    .banner-btn a {
        padding: 10px 18px 10px 15px;

    }

    .shop-head {
        font-size: 30px;
    }

    .about-us-back .row{flex-flow: column-reverse;}
    .about-us-back .row .about-head{ margin-top: 20px;}
    .tea-section-bg .col-lg-7{  margin-top: 20px;}
    .about-pick {
        display: block;
    }

    

    .looking-head h1 {
        font-size: 25px;

    }

    .modul-bg {

        height: 330px;

    }

    .ultimate-cus {

        height: 435px;

    }

    .owl-img-bg {
        width: 219px;
    }


    .routine-head {
        color: #fff;
        font-size: 25px;
    }

    

}
@media only screen and (max-width: 480px) {
	.desktopBanner{ display: none;}
	.mobileBanner{ display: block;}
	
    .banner-text{min-height: 142px;}
    .banner-text-head {
        font-size: 15px;
        font-weight: 300;
        line-height: 22px;
    }
    .arrow-icon3{    padding: 7px 45px 8px 45px;}
    .black-bg .mt-5{ margin-top: 18px!important;}

    .ultimate-cus{ height: 235px; padding: 34px 0px;}
    .supplement-head h1 span{font-size: 28px;}
    .supplement-head{ margin-top: 45px;}
    .supplement-head .mt-5{ margin-top: 15px!important;}
    .supplement-head .arrow-icon1{ padding: 10px 25px 10px 25px;}

    .routine-head{font-size: 25px;}

    .tea-section-bg{text-align: center;}
    .tea-section-bg h2{ font-size: 25px;}
    .tea-section-bg h2 br{ display: none;}
    .tea-section-bg .mt-5{ margin-top: 20px !important;}
    .tea-section-bg .mt-5 a.arrow-icon{ margin-top: 10px!important;}

    .navbar-cus ul {

        margin-top: 0px;
        display: flex;
        flex-direction: column;
    }

    .icon-cus ul {
        margin-top: 0px;
    }

    .logo-cus img {
        width: 107px;
    }

    .banner-text-head {
        font-size: 17px;
        font-weight: 300;
    }

    .shop-head {
        font-size: 18px;
    }

    .circle-image {

        width: 90px;

    }

    .circel-section {
        width: 177px;
        height: 172px;

    }

    .food-head {
        margin-top: 15px;
    }

    .circle-image2 {

        width: 67px;

    }

    .circle-image3 {
        width: 79px;
    }



    .food-head2 {
        margin-left: 35px;
        margin-top: 19px;
    }

    .owl-nav .owl-next {
        position: absolute;
        top: 25%;
        left: 77%;

    }

    .Beauty-head {
        color: #fff;
        font-size: 20px;
    }

   

    .supplement-head h1 {
        font-size: 18px;
    }

    .supplement-head h1 span {
        font-size: 34px;

    }

    .supplement-head {
        margin-top: 30px;
    }

    .ultimate-cus {
        height: 180px;

    }

    .routine-head {
        color: #fff;
        font-size: 18px;
    }

    

    .looking-head h1 {
        font-size: 27px;
        font-weight: 600;
    }

    .modul-bg {
        height: 262px;
        position: relative;
    }

    .modul-btn {
        /*position: absolute;
        top: 18%;
        left: 27%;*/
    }

    .footer-heda-para p {
        color: #646262;
        padding: 6px;
    }
}

@media only screen and (max-width: 376px) {
	.banner-text .bannerBelowText{ margin-top: 0 !important; padding: 16px 0;}
}

@media only screen and (max-width: 359px) {
    .banner-text .bannerBelowText{margin-top: 9px!important;}
    .navbar-cus ul {

        margin-top: 0px;
        display: flex;
        flex-direction: column;
    }

    .icon-cus ul {
        margin-top: 0px;
    }

    .logo-cus img {
        width: 107px;
    }

    .banner-text-head {
        font-size: 17px;
        font-weight: 300;
    }

    .shop-head {
        font-size: 18px;
    }

    .circle-image {

        width: 90px;

    }

    .circel-section {
        width: 177px;
        height: 172px;
        margin-left: 53px;

    }

    .food-head {
        margin-left: 11px;
        margin-top: 15px;
    }

    .circle-image2 {

        width: 67px;

    }

    .circle-image3 {
        width: 79px;
    }

    .circle-image4 {
        padding: 16px;
        margin-top: 25px;
        margin-left: 0px;
    }

    .food-head2 {
        margin-left: 0px;
        margin-top: 19px;
    }

    .owl-nav .owl-next {
        position: absolute;
        top: 25%;
        left: 82%;

    }

    .Beauty-head {
        color: #fff;
        font-size: 20px;
    }

    .about-pick {
        display: none;
    }

    .supplement-head h1 {
        font-size: 18px;
    }

    .supplement-head h1 span {
        font-size: 34px;

    }

    .supplement-head {
        margin-top: 30px;
    }

    .ultimate-cus {
        height: 221px;

    }

    .routine-head {
        color: #fff;
        font-size: 18px;
    }

    .img-border {
        display: none;
    }

    .looking-head h1 {
        font-size: 27px;
        font-weight: 600;
    }

    .modul-bg {
        height: 262px;
        position: relative;
    }

    .modul-btn {
        position: absolute;
        top: 45%;
        left: 48%
    }

    .footer-heda-para p {
        color: #646262;
        padding: 6px;
    }

    .get-head {
        padding: 2px;
        font-size: 13px;
        font-weight: 500;
    }

    .owl-img-bg {

        height: 306px;
        width: 285px;

    }

  



    .circel-section-custom {
        padding-top: 0rem !important;
        padding-bottom: 2rem !important;
    }
    .owl-img {
        width: 114px !important;
        position: absolute;
        top: 6%;
        left: 29%;
    }
    .owl-img-cus {
        width: 201px !important;
        position: absolute;
        top: 12%;
        left: 19%;
    }
    .arrow-icon1 {
      
        padding: 10px 25px 10px 25px;
        margin-top: 1rem !important;
    }
    .owl-img-cus {
        width: 201px !important;
        position: absolute;
        top: 12%;
        left: 19%;
    }
    .ultimate-cus{
        padding: 15px 0px;
    }
}





/*END HOME*/







/*LISTING PAGE*/
.breadCrumb {
    background: #f6f6f6;
    margin-bottom: 40px;
}
.breadCrumb ol.cd-breadcrumb{padding-left: 0;}
.breadCrumb li{
    display: inline-block;
    float: left;
    margin: 0.4em 0 0.4em 0;
    font-size: 13px;
}
.breadCrumb li a{
    font-weight: 500;
    color: #ef4123;
}
.breadCrumb li em{ font-style: normal; color:#626262;}
.breadCrumb li::after {
    display: inline-block;
    content: '/';
    margin: 0 .6em;
    color: #959fa5;
}
.breadCrumb li:last-child:after{ display: none;}


.prodListing{}
.filtBx { overflow: hidden; position: relative; border: 3px solid #f0f0f0; border-radius: 25px; 
    width: 100%;
    margin-bottom: 20px;
}


.filtBx::before{ position: absolute; top:0; left: 0; content: ''; display: block; width: 20px; height: 59px; background: url(../images/filter-green-part.png);
    background-size: 100% auto; background-repeat: no-repeat;}
.filtBx::after{ position: absolute; bottom:0; right: 0; content: ''; display: block; width: 20px; height: 59px; background: url(../images/filter-orange-part.png);
        background-size: 100% auto; background-repeat: no-repeat;}
.filtBxInner{padding: 22px 12px; }
.filtBx H4{ font-size: 17px; font-weight: bold; color:#f4603f; padding: 0 0 0 14px;}
.filtBx .list-group-item{ border: 0; font-size: 14px; color:#464646; padding: .4rem 0; font-weight: 600;}
.filtBx .list-group-item:last-child{ border-bottom: 0;}

.filtBx.filtBxCatg .list-group-item{border-bottom: 1px solid #e3e3e3; font-weight: 400;}
.filtBx.filtBxCatg .list-group-item:last-child{ border-bottom: 0;}

.filterbx .checkbox-custom,
.radio-custom {
  opacity: 0;
  position: absolute;
}

.filterbx .checkbox-custom,
.filterbx .checkbox-custom-label,
.filterbx .radio-custom,
.filterbx .radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 1px 0;
  cursor: pointer;
}

.filterbx .checkbox-custom-label,
.filterbx .radio-custom-label {
  position: relative;
  width: 100%;
}

.filterbx .rdList label:focus {
  outline: none;
}

.filterbx .checkbox-custom+.checkbox-custom-label:before,
.filterbx .radio-custom+.radio-custom-label:before {
  content: '';
  background: #fff;
  border: 1.5px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.filterbx .checkbox-custom:checked+.checkbox-custom-label:before {
  background: #522787;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

.filterbx .radio-custom+.radio-custom-label:before {
  border-radius: 4px;
}

.filterbx .radio-custom:checked+.radio-custom-label:before {
  background: #522787;
  box-shadow: inset 0px 0px 0px 3px #fff;
}
.applyfilterMobile{ display: none;}



.inner-banner{}
.inner-banner img{ width: 100%;}

.filtMob{ display: none;}
.sbyBox{ padding: 0 236px 0 7px; position: relative;}
.shortBy{ position: absolute; top:0; right: 0; width: 225px;}
.sbyBox h1{ /*font-size: 25px;*/ font-weight: 600; margin: 0;}
.sbyBox p{color: #949494;}
.listingCover{ display: flex; flex-wrap: wrap;}
.listingCover .item{width: 33.3%;}
.listingCover .item .owl-cus{margin: 0 10px;}
.listingCover .owl-heading{ font-size: 22px; text-align: center;}
.listingCover .item .owl-cus{margin: 0 10px;}
.listingCover .owl-img-bg{border-radius: 10px; position: relative; overflow: hidden;}
.outOfStock {
    color: #fff;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    background: rgba(40, 44, 63, .5);
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 9;
    line-height: 24px;
    top: 0;
    display: -moz-box;
    display: flex;
    text-align: center;
}


.mfilterBtns{ display: none;}
.mobFilterHead{ display: none;}

@media only screen and (max-width: 992px) {
.sbyBox{padding: 0 0 0 7px;}
.shortBy{ display: none;}
.shortByMob{margin-top: 4px;}


.mobInnerScroll{ overflow-y: scroll; height: 70vh;}
.filtBxInner { padding: 22px 24px;}
.filtBx H4{ display: none;}
.mobFilterHead{ 
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #f4603f;
    padding: 0 0 0 0;
    text-transform: uppercase;
    margin-bottom: 14px;
    background: url(../images/filter-arrow.png) no-repeat;
    background-size: 15px auto;
    background-position: right;
}
.filtBx{ display: none;}
.ltotalHotel{ font-size: 14px;  color: #969696;  margin-top: -5px;}

.applyfilterMobile{
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 6px 16px;
    background: #f2f2f2;
}
.applyfilterMobile a.applyFilter{
    background: #f4603f;
    color: #fff;
    padding: 6px 16px;
    border-radius: 50px;
}
.applyfilterMobile a.clearFilter{
    display: flex;
    border: 1px solid #ccc;
    align-items: center;
    justify-content: center;
    padding: 6px 16px;
    border-radius: 50px;
    color:#000;
}
.filterbx{ 
    display: none;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 20px;
    height: 100vh;
}
.filtMob{ display: block; margin-bottom: 18px;}
.filtMob h2{    font-size: 20px;}
.fltrclose{ 
    border: 1px solid #cfcfcf;
    color: #000;
    width: 28px;
    height: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 18px;
    margin-right: -6px;
}


.prodListing .col-md-3{ width: 100%;}
.prodListing .col-md-9{ width: 100%;}

.sbyBox h1{ margin-bottom: 10px;}
.listTotal{ display: none;}
.mfilterBtns{ display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    width: 100%;
    padding: 7px 14px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    align-items: center;
}


.filterbtnmob{ 
    border: 1px solid #ccc;
    padding: 5px 10px 5px 10px;
    border-radius: 10px;
    font-size: 15px;
    color: #464646;
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
}
.filterbtnmob img{ width: 27px; margin-right: 10px;}
}



@media only screen and (max-width: 768px) {
h1{font-size: 20px;}
.listingCover .item { width: 50%;}
}

@media only screen and (max-width: 480px) {
.mfilterBtns{ gap: 5px; align-items: flex-end;}
.outOfStock{ font-size: 16px;}
.owl-theme.hProdListing  .owl-nav{height: auto;
    left: inherit !important;
    right: 0 !important;
}
}

@media only screen and (max-width: 390px) {
.get-head { font-size: 12px;}    
.sbyBox h1{font-size: 19px;}

.footer-section .col-lg-3{ margin-bottom: 15px;}
.owl-img-bg{/*height: 164px;*/}
.food-supplement-carousel .owl-img{ position: inherit !important;}
.owl-heading h4{font-size: 14px;}
.owl-heading p{font-size: 14px;}
.owl-heading span, .faebey-head span{ font-size: 12px;}
.owl-heading strong, .faebey-head strong{font-size: 13px;}
.footer-section .list-footer li{    padding: 8px 0; }
}

@media only screen and (max-width: 376px) {
    .owl-img-bg{ height: 190px;}
    }

@media only screen and (max-width: 360px) {
.owl-img-bg{ height: 170px;}
}

@media only screen and (max-width: 359px) {
.header-parent .v-center{flex-wrap: nowrap!important;}
.header-parent .header .item-left{padding-right: 0;}
.header-parent .header .item-right { flex: inherit!important; padding-left: 0; padding-right: 0;}
}
/*END LISTING PAGE*/

/*PRODUCT DETAILS*/
.morereviewbtn{ 
    background: #fff;
    padding: 7px 20px;
    border-radius: 100px;
    margin: 0 auto 0 auto;
    display: block;
    color: #424242;
    width: 130px;
    text-align: center;
}
a.moreReview:hover{ color:#ff6d4b;}
.dtlsoutStock{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border: 1px solid #ccc;
    padding: 7px 20px;
    border-radius: 100px;
}   
.dtlsLeft{ position: relative;}
.addToWish{
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 9;
}
.addToWish i{font-size: 22px; color: #414141;}
.galleryBox .dtlsLeft .carousel{
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.galleryBox .dtlsLeft .carousel-cell{
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    overflow: hidden;
}
.prodDetails .carousel-main .carousel-cell img{ width:100%;}
.carousel-main {
  margin-bottom: 8px;
}
.prodDetails .carousel-cell{ margin-right: 8px;}
.prodDetails .carousel-main .carousel-cell {
  width: 100%;

  margin-right: 8px;
  border-radius: 5px;
  /* counter-increment: carousel-cell; */
}
.prodDetails .carousel-nav .carousel-cell {
  height: 90px;
  width: 95px;
  text-align: center;
}
.prodDetails .carousel-nav .carousel-cell img{ max-width:100%; height:100%;}
.prodDetails .carousel-main img {
  display: block;
  margin: 0 auto; 
}


.flickity-enabled { position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%;}
.flickity-slider { position: absolute; width: 100%; height: 100%;}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F;}
.flickity-prev-next-button:active { opacity: 0.6;}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto;}
.flickity-prev-next-button svg {position: absolute;left: 20%; top: 20%; width: 60%; height: 60%;}
.flickity-prev-next-button .arrow { fill: #333;}

.detailsRightTop { padding-bottom: 12px; margin-bottom: 18px; border-bottom: 1px solid #e1e1e6;}
.detailsRightTop strong{ font-size: 20px; color:#ef4423; display: inline-block; margin-right: 5px;}
.detailsRightTop span{ font-size: 15px; font-weight: 600; color:#010101; border: 1px solid #d7d7d7; padding: 4px 15px; border-radius: 50px;
display: inline-block;}

.detailsRight h1{ font-size: 25px; font-family: 'Poppins bold'; margin-bottom: 5px;}
.dtlsPrice span{
    font-size: 19px; 
    font-family: 'Poppins Regular';
    color: #777777;
    text-decoration: line-through;
    display: inline-block;
    padding: 0 4px;
}
.dtlsPrice strong{
    font-size: 21px;
    font-family: 'Poppins Medium';
    padding: 0 4px;
    color: #464646;
    display: inline-block;
}

.dtlsQty{}
.qty-input{ background: #f2f2f2; border-radius: 50px; display: inline-block;}
.qty-input .qty-count{ background: none; padding: 12px 15px; border: 0;}
.qty-input .qty-count img{ width: 16px;}
.qty-input input{ font-size: 18px; font-weight: bold; width: 64px; background: none; border: 0; text-align: center;}
.qty-input input:focus{ outline: none;}
.dtlsBtn{ display: flex;}
.ml{ margin-left: 0!important;}
.dtlsBtns{
    background: url(../images/cart-icon-btn.png) no-repeat #fa6646;
    border-radius: 50px;
    padding: 11px 26px 11px 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 16px;
}
a.dtlsBtns:hover{ color:#fff;}

.detlsRatings{ display: flex; margin-bottom: 15px;}
.hdStrRate {
    display: inline-block; margin-right: 10px;
}
.hdStrRate img {
    width: 17px;
    margin: 0 3px 0 0;
}
.detlsReview{ padding-top: 4px; color: #010101;}
.detlsReview a{ color: #010101; text-decoration: underline;}


.detlsTabs{ margin-top: 40px; border: 1px solid #e1e1e6; border-radius: 8px;}
.detlsTabs h2.detlstabhead{ font-size: 18px; font-weight: bold; border-bottom: 1px solid #e1e1e6;
padding: 10px 12px 10px 15px; background: url(../images/tab-arrow.png) no-repeat right 0;
background-size: 17px auto;
background-position: 97.6% 16px;
margin-bottom: 0;
cursor: pointer;

}
.detlstabdesc{ display: none; font-size: 14px; padding: 20px 20px 10px 20px;}
.discripBox{
	max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 0 10px 0 0;
}
.discripBox table{ width:100%;}
.discripBox table th, .discripBox table td{
    background: #f4ecea;
    border: 1px solid #fff;
    padding: 5px;
}
.discripBox table thead tr:first-child td{ background:#9e756c; color:#fff;}
.detlstabdesc{}
.detlstabdesc p{}
.detlstabdesc ul{ list-style: none; margin: 0; padding: 0;}
.detlstabdesc ul li{ 
    background: url(../images/listing-arrow-icon.png) no-repeat;
    background-size: 11px auto;
    background-position: 0 3px;
    padding: 0 0 10px 20px;
 }
.detlsAddInfo table{border: 1px solid #e1e1e6;}
.detlsAddInfo table td{ font-size: 13px; border: 1px solid #e1e1e6; padding: 5px 8px;}


.reviewbg{background: url(../images/review-bg.png) no-repeat; background-size: cover; margin-top: 25px; padding: 30px 0;}
.reviewCount{ background: #f7f7f7; border: 3px solid #ffc3b6; border-radius: 20px; margin-top: 17px;
width: 130px;
height: 130px;
text-align: center;
position: relative;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.reviewCount img{ position: absolute; top: -25px; left: 0; right: 0; margin: 0 auto; height: 36px;}
.reviewCount strong{font-size: 55px; color: #f56344; display: block; margin-top: 38px; line-height: 28px;}
.reviewCount span{font-size: 15px; color: #606060; display: block; line-height: 40px; margin-top: 10px;}


.right-rating {
    /*flex: 1 1 80%;
    max-width: 80%;*/
    ul.order-list {
       margin-bottom: 0;
       padding-left: 0;
       list-style: none;
        li {
            display: flex;
            align-items: center;
            margin-bottom: 0px;
            &:last-child {
                margin-bottom: 0;
            }
            .star-value {
                display: flex;
                align-items: center;
                justify-content: center;
                margin-right: 15px;
                min-width: 25px;
                h5 {
                    margin: 0 2px 0 0;
                    font-size: 16px;
                    font-weight: bold;
                }
                .fa-star {
                    font-size: 14px;
                }
            }
            .progress {
                flex: 1 1 315px;
                max-width: 315px;
                height: 10px;
                margin-right: 20px;
                margin-bottom: 0;
                background-color: #ddd;
            }
            .rating-hit {
                color: #4a4a4a;
                font-size: 16px;
                width: 85px;
                overflow: hidden;
            }
        }
    }
}
.bg-success{ background: #51c38d!important;}


.reviewBar{ width: 100%; max-width: 360px;   background: #f7f7f7; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    border-radius: 20px;
    margin: 0 auto;
    padding: 20px 10px 20px 30px;
}

.witReviewCover{ text-align: right;}
.witReviewBtn{
    margin-top: 45px;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    border: 1px solid #fff;
    padding: 10px 27px 10px 27px;
    border-radius: 30px;
    background-color: #fff;
    display: inline-block;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
a.witReviewBtn:hvoer{ color:#000!important;}

.cardCover{ margin-top: 20px;}
.cardCover .card{ margin-bottom: 20px; border-radius: 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
.strDate{ display: flex; justify-content: space-between; margin-bottom: 4px;}
.strDate .strdils img{ height: 17px;}
.strDate .datedils span{ font-size: 15px; color:#010101;}

.cardCover h4.card-title{
    font-size: 18px;
    font-weight: bold;
    color: #ef4123;
    margin-bottom: 20px;
}
.cardCover h5{ font-size: 16px; font-weight: bold;}
.cardCover p{ font-size: 15px;}

.allReviewScroll{
  height: 90%;
  max-height: 370px;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.allReviewScroll .card{ margin-bottom: 15px;}

.moreoverlaynew {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    display: none;
    z-index: 9999;
}
.moreoverlaynew .popupnew{width: 100%; max-width: 1100px;}
  

.overlaynew {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    display: none;
    z-index: 9;
  }
 
  
  .popupnew {
    margin: 50px auto 10px auto;
    padding: 40px;
    background: #fff;
    border-radius: 5px;
    width: 100%;
    max-width: 400px;
    position: relative;
    transition: all 5s ease-in-out;
  }
  
  .popupnew h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 12px;
    color: #333;
  }
  .popupnew .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }
  .popupnew .close:hover {
    color: #0d5cab;
  }
  .popupnew .content {
      overflow: auto;
  }
  .popupnew .submit-btn{
    font-size: 16px;
    background: #fa6646;
    border-radius: 50px;
    padding: 8px 26px 8px 26px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
    text-transform: uppercase;
  }



  .rating-stars ul {
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    margin-bottom: 10px;
}
.rating-stars ul > li.star {
    display: inline-block;
}
.rating-stars ul > li.star > i.fa {
    font-size: 1.5em;
    color: #ccc;
    cursor: pointer;
}
.rating-stars ul > li.star > i.active{ color: #fa6646;}

.counterW {margin:0 0 0 60px;}
.ratingW {position:relative; margin:10px 0 0;}
.ratingW li {display:inline-block; margin:0px;}
.ratingW li a {display:block; position:relative; /*margin:0 3px;  width:28px; height:27px;color:#ccc; background:url('../img/ico/icoStarOff.png') no-repeat; background-size:100%;*/}

.star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .9em;
  margin-right: .9em;
  margin-bottom: 1.2em;
  border-right: .3em solid transparent;
  border-bottom: .7em  solid #ddd;
  border-left: .3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 16px;
}
.star:before, .star:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: .6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: .7em  solid #ddd;
  border-left: 1em solid transparent;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.star:after {
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}


.ratingW li.on .star {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .9em;
  margin-right: .9em;
  margin-bottom: 1.2em;
  border-right: .3em solid transparent;
  border-bottom: .7em  solid #FC0;
  border-left: .3em solid transparent;
  /* Controlls the size of the stars. */
  font-size: 16px;
}
.ratingW li.on .star:before, .ratingW li.on .star:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: .6em;
  left: -1em;
  border-right: 1em solid transparent;
  border-bottom: .7em  solid #FC0;
  border-left: 1em solid transparent;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.ratingW li.on .star:after {
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}

@media only screen and (max-width: 992px) {
.prodDetails .galleryBox{ width: 100%; margin-bottom: 25px;}
.prodDetails .dtllsText{ width: 100%;}
.prodDetails .carousel-main .carousel-cell img {
    width: 100%;
    max-width: 400px;
}
.witReviewBtn{ font-size: 13px;}
}
@media only screen and (max-width: 768px) {
.prodDetails .carousel-main .carousel-cell img{max-width: 300px;}
.detailsRight h1{ font-size: 20px;}
.hdStrRate img { width: 15px; margin: 0 1px 0 0;}
.detlsReview{font-size: 14px;}
.dtlsPrice span{font-size: 15px;}
.dtlsPrice strong{font-size: 18px;}
.reviewCount{    margin: 0;}
.rrCover{ position: relative;}
.witReviewCover { position: absolute; right: 0; top: 0;}
.reviewBar{ margin-top: 25px;}

.popupnew{
    width: 90%;
   /*DETAILS POPUP*/
   /*display: none;*/
   /*END DETAILS POPUP*/
  } 
}
@media only screen and (max-width: 480px) {
.detailsRightTop strong{font-size: 16px;}
.detailsRightTop span{font-size: 13px;}
.detailsRight h1{font-size: 18px;}

.dtlsPricenCart{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    width: 100%;
    padding: 7px 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.dtlsPrice{ /*width: 100%;*/ text-align: center; line-height: 14px;}
.dtlsBtn.mt-4{ margin-top: 6px!important; justify-content: center;}

.qty-input{ height: 42px;}
.qty-input .qty-count{ padding: 9px 15px;}
.dtlsBtns{ height: 42px;}



}
@media only screen and (max-width: 376px) {
.reviewCount{width: 120px; height: 120px;}
.dtlsBtns{font-size: 13px; padding: 5px 24px 5px 55px;}
.header-parent .header .item-left .logo {  width: 178px!important;}
}
@media only screen and (max-width: 360px) {
.header-parent .header .item-left .logo {  width: 174px!important;}
}
@media only screen and (max-width: 359px) {
.header-parent .header .item-left .logo {  width: 159px!important;}
.qty-input .qty-count{ padding: 9px 13px;}
.qty-input input{width: 50px;}
.dtlsBtns{font-size:12px; background-size: 30px;}
.dtlsBtns{padding:5px 20px 5px 46px;}
}







/*END PRODUCT DETAILS*/

/*CART*/ 
.emptyPage{ text-align: center;}
.emptyPage h4{ font-weight: bold;}
.emptyItems{}
.ttColor{color: rgb(250 102 70);}
.emptyItems img{ height: 140px; margin-bottom: 20px;}
.emptyPage .backtoShopBtn{
    border: 1px solid #ccc;
    border-radius: 25px;
    padding: 5px 15px;
    color: #ef4423;
}

.text-right{ text-align: right!important;}
.cartPage .cart{ padding-right: 20px;}
.cartPage .cart h2{ font-size: 18px; font-weight: bold;}
.cartPage .cart .col:first-child{ padding-left:0!important;}
.cartPage .cart .col:last-child{ padding-right:0!important;}


.summaryInner{ background: #f5f5f6; border-radius: 30px; padding: 20px;
    box-shadow: rgb(0 0 0 / 12%) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    position: -webkit-sticky;
    position: sticky;
    top:10px;
}

.summaryInner h2{ font-size: 20px; font-weight: bold;}

.cartInfo ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.cartInfo li {
    display: flex;
    justify-content: space-between;
    padding: 8px 0 9px 0;
    border-bottom: 1px solid #dce0e2;
    align-items: center;
}
.cpCode {
    display: flex;
    justify-content: space-between;
  }
  
  .cpCode input {
    flex: 1 auto;
    margin-right: 5px;
    border: 1px solid #dce0e2;
    border-radius: 5px;
    padding: 4px 10px;
  }
  
  .cpCode button {
    background: #424242;
    border: 0;
    color: #fff;
  }

  .cartItem{}
  .cartItemInner{ padding: 10px 0; position: relative;}
  .cartItemInner .col{max-width: 61%;}
  .cartItemInner .col:last-child{ max-width: 172px; text-align: center;}
  .cartItemInner .col:last-child strong{ display: block; margin-bottom: 10px;}
  .cartQty .qty-input{ background: none;}
  .cartQty .qty-input .qty-count{padding: 1px 8px; border: 1px solid #ccc; border-radius: 50px;}
  .cartQty .qty-input .qty-count img{width: 10px;}
  .cartQty .qty-input input{ font-size:15px; width: 44px;}

  .cartItemInner .cartItemTitle{ font-size: 14px; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; font-weight: 600;}
  .cartItemInner .cartItemWeight{ font-size: 13px; margin-bottom: 8px;}
  .cartClose{
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 10px;
    /*bottom: 0;
    margin: auto;*/
    display: block;
    height: 16px;
    line-height: 16px;

  }

  .back-to-shop a{ border: 1px solid #ccc; border-radius: 25px; padding: 5px 15px; color:#ef4423;}
  .continueBtn{
    background: #fa6646;
    border-radius: 50px;
    padding: 8px 16px 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
  }
  a.continueBtn:hover{background: #424242; color:#fff;}
  a.applyCouonBtn{ font-size: 14px; color:#000; background: url(../images/close-coupon.png) no-repeat;
    width: 100%;
    display: block;
    background-position: right center;
    background-size: 12px auto;
}
a.applyCouonBtn span{ color:#ef4123;}
a.applyCouonBtn:hover{ color: #424242;}
  .applyCouonBtn img{ height: 15px; margin-right: 6px; }
  .overlaynew2 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    display: none;
    z-index: 9;
  }


  .cartOffer{ position:relative;}
.cartOffer{ position:relative; padding:10px 10px 10px 52px; background: #e5f3ec; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
    margin: 8px 10px 0 10px;
    width: 94%;
}
.cartOffer .form-check{ padding-left: 0; width: 40px; position: absolute; top: 10px; left: 10px;}
.cartOffer .control__indicator{
width: 24px;
height: 24px;
background:#fff!important;
border: 1px solid #282C3F;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
position: absolute;
top: 3px;
left: 0;
background: #fff;
}
.offerTile{ font-size: 14px;}

.cartOffer .control input:checked~.control__indicator {
    background: #ff4c3b;
    border-color: #ff4c3b;
}
.cartOffer .control{font-weight: normal; font-size: 16px; ine-height: 20px; color: #282C3F; padding: 3px 0 1px 28px;}

.cartOffer .control input:checked~.control__indicator{ background:#ff4c3b; border-color:#ff4c3b;}
.cartOffer .control--checkbox .control__indicator:after{ width: 8px;}
.cartOffer .control input:checked~.control__indicator{border-color: #ff4c3b!important; background: #fff;}
.cartOffer .control input:checked:focus~.control__indicator,
.cartOffer .control:hover input:not([disabled]):checked~.control__indicator {background: #fff!important; border-color:#ff4c3b;}
.cartOffer:before .control:hover input:not([disabled]):checked{}
.cartOffer .control__indicator.stepCheck:before{content:''; border-left:2px dashed #d9dadd; position:absolute; height:55px; top:15px; left:6px;}
.cartOffer .control input:checked~.control__indicator.stepCheck strong{ font-weight:bold;}
.cartOffer .control--checkbox .control__indicator:after{ border: solid #ff4c3b; left: 7px; top: 3px; height: 12px; border-width: 0 2px 2px 0;}
.couponCodeSelt {
    border: 1px dashed #b0a295;
    padding: 5px;
    color: #fa6646;
    width: 96px;
    height: 56px;
    font-size: 12px;
}
.control {
    display: block;
    position: relative;
    padding: 2px 0 1px 22px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 12px;
	/*font-family:arial;*/
    color: #282C3F;
	text-transform:capitalize;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.control__indicator {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background: #fff;
    border: 1px solid #cecece
}

.control--radio .control__indicator {
    border-radius: 50%
}

.control input:focus~.control__indicator,
.control:hover input~.control__indicator {
    background: #ccc
}

.control input:checked~.control__indicator {
    background: #000000;
    border-color: #c6c6c6
}

.control input:checked:focus~.control__indicator,
.control:hover input:not([disabled]):checked~.control__indicator {
    background: #000000
}

.control input:disabled~.control__indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

.control input:checked~.control__indicator:after {
    display: block
}

.control--checkbox .control__indicator:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 7px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg)
}

.control--radio .control__indicator:after {
    left: 5px;
    top: 5px;
    width: 5px;
    height: 5px;
    background: #eee;
    border-radius: 10px
}

.control--checkbox input:disabled~.control__indicator:after {
    border-color: #7b7b7b
}


.couponCover{border-top: 1px dashed #ccc; margin-top: 10px;}
.couponTitle{ font-size: 13px; font-weight: 600; display: block; margin-bottom: 4px;}
.couponCover input{}
.couponCover .btn-apply{ background: #414141; border:0;}



  @media only screen and (max-width: 992px) {
    .cartPage .cart{ padding-left: 15px; padding-right: 15px;}
    .cartPage .container .row{ flex-wrap: wrap;}
    .cartPage .col-md-8{ flex: 0 0 auto; width: 100%!important;}
    .cartPage .col-md-4.summary{ width: 100%;}
    .summaryInner{ margin-top: 30px;}
    .continueBtn{max-width: 280px; margin-left: auto; margin-right: auto;}

    .cartItemInner .cartItemTitle{ white-space:unset;}
  }
  @media only screen and (max-width: 480px) {
    .cartItemInner{ padding: 10px 0;}
    .cartItemInner .cartItemTitle{ font-size: 14px;}
    .cartItemInner .cartItemTitle{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .cartItemInner .col:last-child{max-width: 116px; padding-left: 0!important;}
    .cartClose{ right: -11px;}
    a.applyCouonBtn{font-size: 13px;}
  }
  @media only screen and (max-width: 375px) {
    .cartPage .cart h2{font-size: 17px;}
    .cartPage .cart{ font-size: 14px;}
    .summaryInner h2{font-size: 16px;}
    .cartOffer{ padding: 10px 10px 10px 45px;}
    .couponCover input{ font-size: 14px;}
    .couponCover .btn-apply{ font-size: 14px;}
    .cartInfo{font-size: 14px;}
  }
  @media only screen and (max-width: 360px) {
    .cartItemInner .cartItemTitle{font-size: 13px;}
    .cartItemInner .col:last-child strong{font-size: 14px;}
    .offerTile{font-size: 12px;}
  }
  @media only screen and (max-width: 359px) {
    .cartItemInner .cartItemTitle{font-size: 12px;}
    .cartItemInner .col:last-child strong{font-size: 13px;}
    .couponCodeSelt{ font-size: 11px;}
  }
/*END CART*/

/*CHECKOUT*/
.odFullSum .product-thumbnail{ display: flex;}
.odFullSum .product-name a{
    font-size: 13px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color:#010101;
}
.odFullSum .product-price{font-size: 13px;}
.odFullSum .product-quantity{font-size: 13px;}
.odFullSum .product-subtotal{font-size: 13px;}
.shippingform Input{ border: 1px solid #ccc; border-radius: 4px; padding: 6px 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
	width: 100%;
}

.checkoutLeft h3 {
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 30px;
    font-weight: 600;
  }
  .checkoutLeft h3.guestCheckoutTitle{ margin-bottom: 10px!important;}
  .checkoutLeft .form-row {
    margin-bottom: 18px;
    margin-left: 0;
    margin-right: 0;
  }
.stripe-payment-gateway-box{ margin-top:25px;
    background: #ff652d;
    padding: 20px 25px;
    box-shadow: rgb(0 0 0 / 12%) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
    border-radius: 30px;
}
.stripe-payment-gateway-box #card-element{ background: #fff; }
.stripe-payment-gateway-box h3.guestCheckoutTitle{text-align: center; color: #ffff; font-size: 25px; text-transform: uppercase;}
.stripe-payment-gateway-box .form-group label{ font-weight:600; display: block;  color: #ffff;}
.stripe-payment-gateway-box .continueBtn{ background: #424242; padding: 8px 30px; margin: 15px auto auto auto;}
.stripe-payment-gateway-box .continueBtn:hover{ background:#020202; color:#fff;}


  .checkoutLeft .form-row label {
    color: #b99a65;
    font-weight: 500;
    float: left;
    margin-bottom: 0;
    display: block;
    padding-left: 16px;
      display:none;
  }
  .checkoutLeft .form-row .required {
    color: #e42234;
    font-weight: 400;
    border: 0;
  }
  .checkoutLeft .form-row .input-wrapper {
    width: 100%;
    float: left;
  }
  .checkoutLeft .form-row .input-wrapper input:placeholder{color:#d3d0d0!important;}
  .checkoutLeft .form-row .input-wrapper .input-text {
    font-size: 16px;
    width: 100%;
    border-width: 0 0 2px;
    border: 1px solid #e5e5e5;
    height: 40px;
    line-height: 40px;
    color: #000;
    padding: 3px 15px;
        -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
  }
  .shippingform > .row > .col-md-6{/*flex: 0 0 100%; max-width: 100%;*/}
  .shippingform select.custom-select{
      appearance: auto;
      font-size: 16px;
      width: 100%;
      border-width: 0 0 2px;
      border: 1px solid #e5e5e5;
      height: 40px;
      line-height: 40px;
      color: #000;
      padding: 3px 15px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
  }
  .checkoutLeft .form-row .selection .select2-selection {
    height: 32px;
    line-height: 32px;
    border-width: 0 0 2px;
    border-color: #e5e5e5;
    border-radius: 0;
  }
  .checkoutLeft .form-row .selection .select2-selection span {
    height: 32px;
    line-height: 32px;
    padding: 0;
  }
  .checkoutLeft .account-fields {
    margin-bottom: 20px;
  }
  .checkoutLeft .account-fields .form-row {
    margin-bottom: 15px;
  }
  .checkoutLeft .account-fields .checkbox span {
    margin-left: 10px;
  }
  .checkoutLeft .ship-to-different-address .checkbox span {
    margin-left: 10px;
  }
  .checkoutLeft .form-row .input-wrapper textarea.input-text {
    height: 100px;
    line-height: 24px;
  }
  .checkoutLeft .checkout-review-order {
    padding: 15px 28px;
    border: 1px solid #000;
  }
  .checkoutLeft .checkout-review-order h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
  }
  .checkoutLeft .checkout-review-order .review-order-title {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 12px;
  }
  .checkoutLeft .checkout-review-order .cart-item {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
  }
  .checkoutLeft .checkout-review-order .cart-item .info-product {
    display: flex;
       width: 83%;
      padding-right: 2%;
  }
  .checkoutLeft .checkout-review-order .cart-item .info-product .product-thumbnail {
    max-width: 55px;
  }
  .checkoutLeft .checkout-review-order .cart-item .info-product .checkout-variable-color{
      display: flex; align-items: center; margin-left: 6px;
  }
  .checkoutLeft .checkout-review-order .cart-item .info-product .checkout-variable-color .cart-colorName{width: auto !important; line-height: 16px;}
  
  
  .checkoutLeft .checkout-review-order .cart-item .info-product .checkout-variable-color span{
   width: 15px!important; height: 15px!important;
  }
  
  .checkoutLeft .checkout-review-order .cart-item .info-product .product-thumbnail img {
    border: 1px solid #e8e8e8;
  }
  .checkoutLeft .checkout-review-order .cart-item .info-product .product-name {
    padding-left: 20px;
    color: #000;
    /*text-transform: uppercase;*/
    word-break: break-word;
    font-size: 12px;
      
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }
  .checkoutLeft .checkout-review-order .cart-item .info-product .product-name .product-quantity {
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: #666;
  }
  .checkoutLeft .checkout-review-order .cart-item .product-total span {
    color: #000;
    font-weight: 500;
    letter-spacing: 1.1px;
  }
  .checkoutLeft .checkout-review-order .cart-subtotal, 
  .checkoutLeft .checkout-review-order .order-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dedede;
    padding: 7px 0;
  }
  .checkoutLeft .checkout-review-order .cart-subtotal {
     margin-top: 20px;
  }
  .checkoutLeft .checkout-review-order .cart-subtotal span, 
  .checkoutLeft .checkout-review-order .order-total span {
    color: #000;
    font-weight: 500;
    letter-spacing: 1.1px;
  }
  .checkoutLeft .checkout-review-order .shipping-totals {
    /*display: flex;*/
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #dedede;
    padding: 20px 0;
  }
  
  .checkoutLeft .checkout-review-order .shipping-totals{}
  
  
  .checkoutLeft .checkout-review-order .shipping-methods {
    text-align: right;
    padding: 0;
    list-style: none;
    margin: 0;
  }
  .checkoutLeft .checkout-review-order .shipping-methods label{ text-align: left!important; font-weight: 600; color: #000; width:100%;}
  .checkoutLeft .checkout-review-order .shipping-methods label span{ display:inline-block; font-size: 12px; color: #868686;}
  
  .checkoutLeft  .checkout-review-order .order-total .total-price span {
    font-size: 18px;
    color: #000;
    letter-spacing: 1.1px;
  }
  .checkoutLeft  .checkout-review-order .checkout-payment .payment-methods {
      font-size: 13px;
    padding: 12px 15px;
    margin-bottom: 0;
    list-style: none;
    border: 1px solid #d9d9d9;
  }
  .payment-box p{margin-bottom: 5px;}
  .checkoutLeft .checkout-review-order .checkout-payment .custom-radio li {
    margin-bottom: 10px;
  }
  .checkoutLeft .checkout-review-order .checkout-payment .custom-radio li:last-child {
    margin-bottom: 0;
  }
  .checkoutLeft .checkout-review-order .checkout-payment .custom-radio li label {
    color: #000;
    font-weight: 500;
  }
  .checkoutLeft .checkout-review-order .checkout-payment .button {
    background: #000;
    color: #fff;
    padding: 7px 20px;
    text-transform: uppercase;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: 13px;
    display: inline-block;
    width: 100%;
    text-align: center;
    letter-spacing: .1em;
    font-weight: 500;
    cursor: pointer;
          -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      border-radius: 100px;
  }
  .checkoutLeft .checkout-review-order .checkout-payment .button:hover {
    background: #cb8161;
  }
  .checkoutLeft .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.glboxes a.product-btn{ color: #424242; background: #efefef;}
.shippingform .addarBtn{
    font-size: 16px;
    background: #424242;
    border-radius: 50px;
    padding: 8px 26px 8px 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 auto;
}




.summary .cart-item {
    display: flex;
    padding-bottom: 12px;
    margin-bottom: 12px;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
  }
  .summary .cart-item:last-child{ border-bottom: 0;}
  .summary .cart-item .info-product {
    display: flex;
       width: 83%;
      padding-right: 2%;
  }
  .summary .cart-item .info-product .product-thumbnail {
    max-width: 55px;
  }
  .summary .cart-item .info-product .checkout-variable-color{
      display: flex; align-items: center; margin-left: 6px;
  }
  .summary .cart-item .info-product .checkout-variable-color .cart-colorName{width: auto !important; line-height: 16px;}
  
  
  .summary .cart-item .info-product .checkout-variable-color span{
   width: 15px!important; height: 15px!important;
  }
  
  .summary .cart-item .info-product .product-thumbnail img {
    border: 1px solid #e8e8e8;
  }
  .summary .cart-item .info-product .product-name {
    padding-left: 20px;
    color: #000;
    /*text-transform: uppercase;*/
    word-break: break-word;
    font-size: 12px;
      
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
  }
  .summary .cart-item .info-product .product-name .product-quantity {
    display: block;
    font-weight: 500;
    font-size: 12px;
    color: #666;
  }
  .summary .cart-item .product-total span {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    display: block;
  }
  .summary .cart-item .info-product .product-thumbnail img {
    border: 1px solid #e8e8e8;
    width: 100%;
    height: auto;
}



@media only screen and (max-width: 480px) {
	.stripe-payment-gateway-box{padding: 20px 14px;}
	
    .summaryInner{ position: relative;}
.continueBtn{ 
    position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9999;
        width: 100%;
        text-align: center;
        padding: 7px 14px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-radius: 0;
        display: block;
}
}
/*END CHECKOUT*/

/*THANKS*/
.orderInfoCover{text-align:center;/*display:flex; flex-wrap: wrap; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background: #f8f9fa;*/ padding: 10px 10px; margin-bottom:15px;}
.odercompInfo{ text-align:center;}
.oderComplete{margin-left: auto;}
.oderComplete span{ display:inline-block;}
.odercompInfo{}
.thanksCover{ background:#fa6646; text-align:center; padding:32px 0 40px 0; margin-bottom:10px; border-radius: 20px;}
.thanksIcon{ -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background: #da5c41; padding: 6px; width:100px;
height:100px; margin:0 auto 15px auto; border: 1px solid #ff8a70;
display: flex;
justify-content: center;
align-items: center;
}
.thanksIcon img{ max-height:62px; }

.thanksCover h3{font-size: 30px; font-weight: bold;color: #ffff;margin: 0; padding:0 0 10px 0;}
.shopBtn{padding:20px 0 0 0;}
.shopBtn a{font-size:15px; border:1px solid #fff; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; padding:12px 22px; color:#fff; margin:0 10px;}

.orderInfoCover strong{color:#000;}
.cart-totals.thanksodSum{padding-bottom: 0;}
.cart-totals.thanksodSum .cart-subtotal{margin-top:2px; padding: 5px 20px;}
.cart-totals.thanksodSum .order-total{border-top:1px solid #bab6af;}

.cart-totals.thanksodSum .cart-subtotal div span{font-size:16px!important;}
.cart-totals.thanksodSum .order-total{margin-top:15px;}

.thanksPage .product-thumbnail img{}
.thanksPage .product-name{ padding-left: 10px;}
.thmonly{ display: none;}

@media screen and (max-width: 1199px) {
.thanksPage .col-md-4.summary{ width: 100%;}
}
@media screen and (max-width: 480px) {
.thanksCover img { max-height: 67px;}
.thanksCover h3{ font-size: 22px;}
.orderInfoCover{ display:block;}
.orderUserInfo{width:100%;}
.orderInfoCover p, .odercompInfo{ font-size:13px;}
.continueBtn { max-width: 100%;}
.shopBtn a{ font-size: 12px; margin: 0 4px;}

.thanksPage .cart-items th:first-child{ display: block; margin-bottom: 10px;}
.thanksPage .cart-items th{ display: none;}
.thanksPage .cart-items tr.cart-item{ display: block; width: 100%;
    background: #f6f6f6;
    margin-bottom: 6px;
    border: 1px solid #e1dfdf;
}
.thanksPage .cart-items tr.cart-item td:first-child{ width: 100%!important;}
.thanksPage .cart-items tr.cart-item td:nth-child(2){ width: 37%!important;border: 0;}
.thanksPage .cart-items tr.cart-item td:nth-child(3){ width: 38%!important;border: 0;}
.thanksPage .cart-items tr.cart-item td:nth-child(4){ width: 38%!important;border: 0;}

.thanksPage .cart-items tr.cart-item td{ }

.thmonly{ display: block; font-weight: bold;}
.thanksPage .odFullSum .product-name a{
    font-size: 12px;
    line-height: 16px;
    display: block;
}

}
@media screen and (max-width: 359px) {
.thanksCover{ padding: 32px 10px 40px 10px;}
.thanksCover h3 { font-size: 20px;}
.shopBtn a{ padding: 12px 7px;}
}
/*END THANKS*/

/*LOGIN AND REGISTER*/
.loginPage { 
    background-image: linear-gradient(rgb(0 159 71 / 17%), rgb(239 68 35 / 23%));
    background-size: cover;
    padding: 35px 0;


}
.loginPage .loginBox{ }
.lrInner{
    padding: 25px;
    width: 100%;
    max-width: 400px;
    min-height: 360px;
    margin: 0 auto;
    background-color:rgba(255, 255, 255, 0.5);  
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: 3px solid #fff;
}
.lrInner h2{ font-size: 28px; font-weight: bold; margin-bottom: 10px; padding-left: 8px;}
.lrInner .form-group{ margin-bottom: 14px;}
.lrInner input{ padding: 10px 15px; border: 1px solid #d8e1d9; border-radius: 50px;}
.lrInner input:focus{ outline: none;}
.lrInner .btn{ font-size: 19px; font-family: 'Poppins Medium'; background: #fa6646; border: 0; padding: 7px 25px; color: #fff;
    border-radius: 50px;

    width: 200px;
    margin: 0 auto;
    display: block;
}
.fgtPassword{ text-align: center; margin-top: 30px;}
.fgtPassword a{ color:#000; text-decoration: underline;}








.overlaylogin {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background: rgba(0, 0, 0, 0.7);*/
    background-image: linear-gradient(rgb(0 159 71 / 61%), rgb(239 68 35 / 68%));
    transition: opacity 500ms;
    display: none;
    z-index: 9999;
  }
 
  
  .popuplogin {
    margin: 50px auto 10px auto;
    padding: 40px;
    /*background: #fff;*/

    border-radius: 5px;
    width: 100%;
    max-width: 400px;
    position: relative;
    transition: all 5s ease-in-out;

    background-color: rgb(255 255 255 / 85%);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: 3px solid #fff;

  }
  
  .popuplogin h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 12px;
    color: #333;
  }
  .popuplogin .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
  }
  .popuplogin .close:hover {
    color: #0d5cab;
  }
  .popuplogin .content {
      overflow: auto;
  }
  .popuplogin .submit-btn{
    font-size: 16px;
    background: #fa6646;
    border-radius: 50px;
    padding: 8px 26px 8px 26px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
    text-transform: uppercase;
  }

  

  .lrInnerLogin h2{ font-size: 28px; font-weight: bold; margin-bottom: 10px; padding-left: 8px;}
  .lrInnerLogin .form-group{ margin-bottom: 14px;}
  .lrInnerLogin input{ padding: 10px 15px; border: 1px solid #d8e1d9; border-radius: 50px;}
  .lrInnerLogin input:focus{ outline: none;}
  .lrInnerLogin .btn{ font-size: 19px; font-family: 'Poppins Medium'; background: #fa6646; border: 0; padding: 7px 25px; color: #fff;
      border-radius: 50px;
  
      width: 200px;
      margin: 0 auto;
      display: block;
  }
  .lrInnerLogin .fgtPassword{ text-align: left; margin-top:0; margin-bottom: 15px;}
  .lrInnerLogin .fgtPassword a{ font-size: 14px; color:#000; text-decoration: underline;}
  .bottomLinkOther{ text-align: center; margin-top: 18px; border-top: 1px solid #e4dddd; padding-top: 10px;}
  .bottomLinkOther a{ color:#000; text-decoration: underline;}

  .registerfm{ display: none;}
  .forgotfm{ display: none;}
  .overlaylogin .btn{ width: 100%;}

  @media screen and (max-width: 480px) {
    .popuplogin{ padding: 40px 22px;}
    .popuplogin .close{ top: 8px; right: 20px;}
  }

 
  
/*END LOGIN AND REGISTER*/


/*PRINT CSS*/
@media print {
    /* All your print styles go here */
    .header,
    .header-parent,
    footer,
    .footer-header,
    .thanksCover,
    .continueBtn{
      display: none !important;
    }
  }
/*END PRINT CSS*/


/*MY ACCOUNT*/
.titleMyAcct{ padding: 0 0 0 20px;}
.titleMyAcct h2{ font-size: 25px!important; font-weight: 600; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 12px;}
.myAccCover .listingCover{ display: flex; flex-wrap: wrap; padding-left: 0; margin-left: 20px; padding-right: 20px;}

.myAccCover .item{ margin-bottom: 10px;}
.myaccSidebar{overflow: hidden; position: relative; border-radius: 25px; border: 3px solid #f0f0f0;}
.myaccSidebar .cartInfo{ padding: 14px;}
.myaccSidebar .flex-between{ padding: .4rem 0; border: 0; display: block;}
.myaccSidebar a{ font-size:14px; color: #464646; display: block; width: 100%; border-radius: 25px;
    padding: 5px 15px;
}
.myaccSidebar a img{ height: 23px; margin-right: 8px;}
.myaccSidebar a:hover, .myaccSidebar a.active{ background: #f35b3d; color:#fff;}
.wishMoveCart a{ 
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 16px 6px 16px;
    border-radius: 10px;
    border: 1px solid #ccc;
    color: #009f47;
    margin-top: 15px;
}
.wishMoveCart a:hover{ border-color: #009f47;}
.myAccCover h4{margin-top: 10px!important;}
.myAccCover .owl-img-bg{ position: relative;}
.removeFrmWish{
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    z-index: 9;
    width: 22px;
    height: 22px;
    color: #000;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
}
a.removeFrmWish:hover{ color:#000;}

.myprofileInn{ flex-grow: 1;}
.mpro-div .mySpace:last-child{ border-bottom:none;}
.mpro-div .mySpace{ margin-bottom: 15px; border-bottom:1px solid #dfdfdf;}


.myprofileInn .myfmTitle{ display: flex; align-items: center;}
.myprofileInn input{
    font-size: 16px;
    width: 100%;
    border-width: 0 0 2px;
    border: 1px solid #e5e5e5;
    height: 40px;
    line-height: 40px;
    color: #000;
    padding: 3px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.myprofileInn .btn{
    min-width: 150px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal!important;
    background: #424242;
    border: 0;
    border-radius: 50px;
    padding: 8px 26px 8px 26px;
    color: #fff;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
.myAccCover h6{ font-weight:600; padding-bottom: 8px;}

@media screen and (max-width: 360px) {
    .wishMoveCart a{ font-size: 13px;}
}
/*END MY ACCOUNT*/

/*MY ORDERS*/
.myOrderBox{ border: 1px solid #ebebeb; border-radius: 10px; overflow: hidden; margin-bottom: 15px;}
.myOrderBox .moHeader{ display: flex; background: #fafafa; border-bottom: 1px solid #ebebeb;}
.myOrderBox .moHeader .mohComan{flex-grow: 1; padding: 8px 12px; font-size: 12px;}
.myOrderBox .moHeader span{ display: block; color:#a6a6a6; text-transform: uppercase; padding-bottom: 5px;}
.myOrderBox .moHeader strong{ display: block; font-size: 13px; color: #212529; 
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.moProd{ display: flex;}
.moProd .mopComan{flex-grow: 1; font-size: 13px; padding: 10px 12px;}
.moProd .mopComan h4{ font-size: 13px; 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.moProd .mopBtns{max-width: 164px;}
.moProd .mopImg{ width: 50px;}
.moProd .mopImg img{ width: 100%;}
.moProd .mopdtls{ width: 100%; max-width: 380px;}
.moProd .mopPrice{ margin-top: 10px;}
.moProd .mopBtns{ margin-top: 10px;}
.mobOdStatus{ padding-top: 0px;}
.mobOdStatus strong{}

.orangeHilight{font-size:14px; background: #ffa600; color:#fff; letter-spacing: .5px; padding: 4px 8px;  border-radius: 25px;}
.greenHilight{font-size:14px;  background: #44b455; color:#fff; letter-spacing: .5px; padding: 4px 8px;  border-radius: 25px;}

.textOrange{ color: rgb(255, 166, 0);}
.textGreen{ color: #44b455;}
.mopOdBtn{
    width: 120px;
    height: 37px;
    text-align: center;
    font-size: 13px;
    display: block;
    background: #424242;
    border: 0;
    border-radius: 50px;
    padding: 8px 11px 8px 11px;
    color: #fff;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
    margin-bottom: 8px;
}
.mopCanBtn{
    width: 120px;
    height: 33px;
    line-height: 17px;
    text-align: center;
    font-size: 13px;
    color:#424242;
    display: block;
    background: #fff;
    border: 1px solid #424242;
    border-radius: 50px;
    padding: 8px 11px 8px 11px;
    background-size: 36px;
    background-position: 5px;
    font-weight: bold;
}

.mopBottom{ padding: 8px 15px; border-top: 1px solid #ebebeb;}
.mopBottom .ratingW li a{line-height: 14px; line-height: 14px;}
.mopStrCover{ display: flex; flex-wrap: wrap; align-items: center;}
.mopStrCover .rating-stars ul{margin: 0; padding: 0; line-height: 12px;}
.mopRteProd{font-size: 13px; margin-right: 10px;}
.mopBottom .star{font-size: 10px;}

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

.myAccount .col-md-3.summary{ width: 100%;}
.myaccSidebar .cartInfo{padding: 14px 10px;}
.moProd .mopdtls{ max-width: 200px;}
.moProd .mopComan{ padding: 10px 5px;}
.moProd .mopBtns{max-width: 142px;}
}
@media screen and (max-width: 768px) {
.mopOdBtn{width: 109px; height: 31px; padding: 6px 10px;}
.mopCanBtn{width: 109px; height: 29px; padding: 6px 10px;}
.moProd .mopdtls{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
}
@media screen and (max-width: 480px) {
.titleMyAcct{/*padding: 0 0 0 10px;*/ padding: 0 10px 0 10px;}
.moProd .mopdtls { max-width: 220px;}
.myOrderBox .moHeader .mohComan{ padding: 8px 7px}
.myOrderBox .moHeader span{ font-size: 11px;}
.orangeHilight, .greenHilight{font-size: 12px;}

.myAccCover .listingCover{margin-left: 10px; padding-right: 10px;}
.moProd .mopImg { width: 50px;}
.moProd .mopImg img{ max-width: 61px;}
.moProd{ flex-wrap: wrap;}
.moProd .mopBtns{ margin-top: 0; padding-bottom: 5px; padding-right: 10px; max-width: 100%; width: 100%; display: flex; flex-direction: row-reverse; gap:10px;
    justify-content: space-around;
    background: #f5f5f5;
}
.moProd .mopBtns{padding-bottom: 6px;}
.mopOdBtn{ margin-bottom: 0;}
}
@media screen and (max-width: 376px) {
.myOrderBox{margin-left: 10px; margin-right: 10px;}
.myAccCover .listingCover{ padding: 0; margin: 0;}

.mopOdBtn{ font-size: 12px; width: 100px;}
.mopCanBtn{ font-size: 12px; width: 100px;}
.mobOdStatus{ font-size: 11px;}
.moProd .mopdtls { max-width: 200px;}
.orangeHilight, .greenHilight { font-size: 10px;}
.myOrderBox .moHeader span{ display: block; height: 30px; line-height: 13px;}
}
@media screen and (max-width: 359px) {
.moProd .mopdtls { max-width: 220px;}
}
/*END MY ORDERS*/

/*OVERVIEW*/
.title-pen {
  color: #333;
  font-family: "Coda", sans-serif;
  text-align: center;
}
.title-pen span {
  color: #55acee;
}

.user-profile {
    width: 100%;
    max-width: 350px;
  margin: auto;
  background: #f7f5f5;
  border-radius: 2em;
  margin-top: 20px;
  margin-bottom: 20px;
    padding: 32px;
}

.user-profile  .username {
  margin: auto;
  color: #414141;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 15px;
}

.user-profile > .description {
  margin: auto;
  margin-top: 1.35em;
  margin-right: 4.43em;
  width: 14em;
  color: #c0c5c5; 
  font-size: .87em;
  font-family: "varela round", sans-serif;
}
.user-profile > img.avatar {
	padding: .7em;
  margin-left: .3em;
  margin-top: .3em;
  height: 6.23em;
  width: 6.23em;
  border-radius: 18em;
}

.user-profile ul.data {
	margin: 2em auto;
	height: 3.70em;
    background: #f5f5f5;
  text-align: center;
  border-radius: 0 0 .3em .3em;
}
.user-profile li {
	margin: 0 auto;
  padding: 1.30em; 
  width: 33.33334%;
  display: table-cell;
  text-align: center;
}

.user-profile span {
	font-family: "varela round", sans-serif;
	color: #e3eeee;
  white-space: nowrap;
  font-size: 1.27em;
  font-weight: bold;
}
.user-profile span:hover {
  color: #daebea;
}

footer > h1 {
  display: block;
  text-align: center;
  clear: both;
  font-family: "Coda", sans-serif;
  color: #343f3d;
  line-height: 6;
  font-size: 1.6em;
}
footer > h1 a {
  text-decoration: none;
  color: #ea4c89;
}


.myprofileInn .bio .btn{ margin-top: 15px;}
.user-profile-inner{ display: flex; align-items: center;}
.userIcon{
    margin-right: 15px;
    width: 70px;
    font-size: 32px;
    background: #ef4423;
    border-radius: 50px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.userText{ text-align: left;}
.bio span{ display: block; font-size: 15px; color: #6b6b6b; margin-bottom: 8px; }
.myaccHeader { display: none;}

@media screen and (max-width: 991px) {
    .myaccHeader {
        display: block;
        padding: 20px 20px;
        background: linear-gradient(315deg, rgb(239 239 239) 0%, rgba(246, 242, 241, 1) 100%);
        box-shadow: 0 2px 5px 1px rgb(47 47 47 / 16%);
    }
    .myaccHeader a.myacclogdetls {
        font-size: 18px;
        color: #fff;
        text-decoration: none;
        display: flex;
        align-items: center;
        padding: 0;
    }
    .myaccuser{
    display: block;
    margin-right: 15px;
    width: 50px;
    font-size: 32px;
    background: #ef4423;
    border-radius: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    }
    .myacclogdetls .myaccemail{ font-size: 15px; color: #414141;}
    .myaccHeader.myacclogdetls img {
        border-radius: 100px;
    }
    .myaccHeader .myacchdclose {
        position: absolute;
        right: 20px;
        font-size: 20px;
        color: #414141;
        text-decoration: none;
        display: block;
        margin-top: 0;
        font-weight: 300;
        margin-right: 0;
        width: 32px;
        height: 32px;
        text-align: center;
        background: #fff;
        border-radius: 50px;
        line-height: 32px;
        top: 6px;
        right: 6px;
        padding: 0;
    }

.myaccmenu{ display: none;}
.myAccount .col-md-9{ width: 100%; }
.myAccount .myaccmenu{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #fff;
    border-radius: 0;
    border: 0;
}
}
@media screen and (max-width: 480px) {
.titleMyAcct h2{font-size: 17px !important;}
.my-account-orders th, .my-account-orders td{ font-size: 11px; padding: 8px 4px;}
.my-account-orders .btn-small{ padding: 4px 8px; border-radius: 25px; border: 1px solid #ccc; color: #414141;}
.orangeHilight, .greenHilight{ letter-spacing: 0; font-size: 10px; font-weight: normal; padding: 4px 4px;}
}
@media screen and (max-width: 375px) {
.user-profile {max-width: 300px;}
.userIcon{width: 60px; height: 60px; line-height: 60px;}
.user-profile .username{font-size: 1.10em;}
}
@media screen and (max-width: 360px) {
.my-account-orders th, .my-account-orders td{ font-size: 10px;}
}
/*END OVERVIEW*/

/*CHANGE PASSWORD*/
.changePassword{ max-width: 450px;}
.changePassword .text-secondary{ margin-bottom:12px;}

@media screen and (max-width: 480px) {
.myprofileInn .btn{ font-size: 13px;}
.changePassword h6{ font-size: 14px; padding-bottom: 8px;}
}
@media screen and (max-width: 375px) {
    .changePassword{ max-width: 300px;}
}
/*END CHANGE PASSWORD*/


/*CONTACT US*/
.mapBox{ width: 100%; margin-top: 40px;}
.mapBox iframe{ width: 100%; min-height: 400px;}
.right_conatct_social_icon{
    background: linear-gradient(to top right, #fa6646 -5%, #b3472f 100%);
}
.contact_us{
   /*background-color: #f1f1f1;*/
   padding: 60px 0 0 0;
   margin-top: 0;
}
.contact_us .form-control{ padding: .7rem .75rem;}
.contact_us .icon-footer{margin-right: 15px;}
.contact_us .follow-head{ margin-bottom: 0;}
.contact_inner{
   background-color: #fff;
   position: relative;
   box-shadow: 5px 12px 64px #cccc;
   border-radius: 25px;
}
.contact_field{
   padding: 60px 280px 90px 60px;
}
.contact_field h1{ font-size: 35px; font-weight: 600;}
.right_conatct_social_icon{
   height: 100%;
}

.contact_field h3{
  color: #000;
   font-size: 40px;
   letter-spacing: 1px;
   font-weight: 600;
   margin-bottom: 10px
}
.contact_field p{
   color: #000;
   font-size: 13px;
   font-weight: 400;
   letter-spacing: 1px;
   margin-bottom: 35px;
}
.contact_field .form-control{
   border-radius: 0px;
   border: none;
   border-bottom: 1px solid #ccc;
}
.contact_field .form-control:focus{
   box-shadow: none;
   outline: none;
   border-bottom: 2px solid #1325e8;
}
.contact_field .form-control::placeholder{
   font-size: 13px;
   letter-spacing: 1px;
}

.contact_info_sec {
   position: absolute;
   background-color: #f4f4f4;
   color:#fff;
   right: 0;
   top: 18%;
   height: 340px;
   width: 340px;
   padding: 40px;
   border-radius: 25px 0 0 25px;
}
.contact_info_sec h4{
   letter-spacing: 1px;
   padding-bottom: 15px;
   color: #000;
   font-weight: 600;
}
.contact_info_sec p{color: #000;}
.contact_info_sec a{color: #fa6646; font-weight: bold;}

.info_single{
   margin: 18px 0px;
}
.info_single i{
   margin-right: 15px;
}
.info_single span{
   font-size: 14px;
   letter-spacing: 1px;
}

button.contact_form_submit {
   background: #fa6646;
   border: none;
   color: #fff;

   width: 100%;
   margin-top: 25px;
   cursor: pointer;
   font-size: 18px;
   font-weight: 600;
   text-transform: uppercase;

   border-radius: 50px;
   padding: 8px 16px 8px 16px;
}
.socil_item_inner li{
   list-style: none;
}
.socil_item_inner li a{
   color: #fff;
   margin: 0px 10px 0 0;
   font-size: 14px;
}
.socil_item_inner{
   padding-bottom: 10px;
}

.map_sec{
   padding: 50px 0px;
}
.map_inner h4, .map_inner p{
   color: #000;
   text-align: center
}
.map_inner p{
   font-size: 13px;
}
.map_bind{
  margin-top: 50px;
   border-radius: 30px;
   overflow: hidden;
}

@media screen and (max-width: 991px) {
.contact_field h1{text-align: center;}
.contact_us .contact_inner .row{ display: block;}
.contact_us .row .col-md-10{ width: 100%;}
.contact_us .row .col-md-2{ width: 100%;}
.contact_info_sec{ position: inherit; width: 100%; border-radius: 0;}
.contact_field{padding: 60px;}
}
/*END CONTACT US*/

/*COMMAN PAGES*/
.contentPages 

/*END COMMAN PAGES*/