/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/


/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/


/*----------------------------------------*/


/* Template default CSS
/*----------------------------------------*/

html,
body {
    height: 100%;
    font-family: "Cairo", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #111111;
    font-weight: 400;
    font-family: "Cairo", sans-serif;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 16px;
    font-family: "Cairo", sans-serif;
    color: #6f6f6f;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #ffffff;
}

ul,
ol {
    padding: 0;
    margin: 0;
}


/*---------------------
  Banner image CSS
-----------------------*/

.banner-image {
    position: relative;
    text-align: center;
    color: white;
}

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

.section-title h2 {
    font-weight: 700;
    color: #fff;
}


/*---------------------
  Search bar CSS
-----------------------*/

#search {
    position: relative;
    font-size: 18px;
}

.search-section {
    padding-top: 35px;
    padding-bottom: 35px;
}

#search label {
    position: absolute;
    left: 0;
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.form-textarea {
    height: 100px !important;
}

#search #search-input {
    box-shadow: none !important;
    border-radius: 0px;
    margin-bottom: 0;
}

#search #search-input,
#search .hint {
    padding-left: 50px;
    padding-right: 43px;
}

#search #search-clear {
    text-decoration: none;
    position: absolute;
    right: 15px;
    top: 11px;
    color: #b3b3b3;
}

#search li.disabled {
    display: none;
}


/*---------------------
  featured controls bar CSS
-----------------------*/

.btn-a {
    background-color: #f1f1f1;
}

.active,
.btn-a:hover {
    background-color: #000;
    color: #fff !important;
}

.featured__controls {
    text-align: center;
    margin-bottom: 15px;
}

.featured__controls ul li {
    list-style: none;
    font-size: 16px;
    color: #1c1c1c;
    display: inline-block;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    margin-right: 25px;
    padding: 5px 12px;
    position: relative;
    cursor: pointer;
}


/* nav li a:hover, nav li.active a */

.featured__controls ul li:hover {
    background: #000;
    color: #fff;
    border: 1px solid #dcdcdc;
    -webkit-transition: color.3s linear, border.3s linear;
    -moz-transition: color .3s linear, border.3s linear;
    -ms-transition: color .3s linear, border.3s linear;
    -o-transition: color .3s linear, border.3s linear;
    transition: color .3s linear, border.3s linear;
}

.featured__controls ul li.active:after {
    opacity: 1;
}

.featured__controls ul li:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    color: #fff;
    height: 3px;
    background: #7fad39;
    content: "";
    opacity: 0;
}

.featured__controls ul li:last-child {
    margin-right: 0;
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
    bottom: 20px;
}

.featured__item {
    overflow: hidden;
    min-width: 260px;
}

.featured-p {
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    padding: 5px 0px;
    color: #fff;
    margin-bottom: 0;
}

.feature_item_p ul li span {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
}

.featured__item__pic {
    height: 270px;
    max-width: 300px;
    padding: 0;
    margin: 0;
}

.featured__item__pic_h {
    padding: 5px 10px;
}

.featured__item__pic_h h5 {
    font-size: 16px;
}

.featured__item__pic {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.featured__item__pic:hover {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}

.featured__item__top {
    margin-top: 10px;
}

.featured__item__text .featured__item__pic__hover li span {
    color: #fff;
}

.featured__item__pic__hover {
    position: inherit;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding: 9px;
    border-radius: 3px;
    background: #7fad39;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.featured__item__pic__hover li {
    list-style: none;
    display: inline-block;
}

.featured__item__pic__hover li:last-child {
    margin-right: 0;
}

.featured__item__pic__hover li:hover a {
    background: #7fad39;
    border-color: #7fad39;
}

.featured__item__pic__hover li:hover a i {
    color: #ffffff;
    transform: rotate(360deg);
}

.featured__item__pic__hover li a {
    font-size: 16px;
    color: #1c1c1c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.featured__item__pic__hover li a i {
    position: relative;
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.featured__item__pic__hover li i {
    color: #fff;
    margin-right: 5px;
}

.featured__item__text {
    text-align: left;
}

.featured__item__text h6 {
    margin-bottom: 10px;
}

.featured__item__text h6 a {
    color: #252525;
}

.featured__item__text h5 {
    color: #252525;
    font-weight: 700;
    margin-top: 10px;
    text-align: right;
}

.addtocart {
    cursor: pointer;
}


/*---------------------
Mobile-responsive owl carousel CSS
-----------------------*/

.testimonials {
    display: none;
}

.item-details {
    background-color: #333333;
    color: #fff;
    padding: 20px 10px;
    text-align: left;
}

.item {
    text-align: center;
    padding: 20px;
}

.owl-carousel .owl-nav [class*='owl-'] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
    background-color: #D6D6D6;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 30%;
    font-size: 20px;
    color: #fff;
    border: 1px solid #ddd;
    text-align: center;
}

.owl-carousel .owl-prev {
    left: -70px;
}

.owl-carousel .owl-next {
    right: -70px;
}

.owl-prev i {
    color: #000;
}

.owl-next i {
    color: #000;
}


/*---------------------
cart section CSS
-----------------------*/

.cart-counter-display {
    position: fixed;
    left: 0;
    top: 0;
    display: inline-block;
    border-radius: 0 0 100% 0;
    width: 40px;
    height: 30px;
    padding: 3px 0px 0px 8px;
    font-size: 14px;
    background: #7fad39;
    z-index: 99;
    opacity: 0;
    color: #fff;
    text-align: left;
}

.cart-counter-display span {
    position: relative;
    left: 18px;
    top: 13px;
}

.cart_mobile {
    display: none;
}

.cart-counter {
    position: fixed;
    bottom: 70px;
    right: 25px;
    display: inline-block;
    width: 18px;
    border-radius: 50%;
    height: 18px;
    padding: 0px 5px;
    font-size: 14px;
    background: black;
    opacity: 0;
    z-index: 99;
    color: #fff;
    text-align: center;
}

.cart-counter span {
    position: relative;
    left: 18px;
    top: 13px;
}

.cart_fixed .cart-plus {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #7fad39;
    color: #fff;
    font-size: 25px;
    padding: 15px;
    z-index: 99999;
    border-radius: 50px;
}


/*---------------------
custom-select  CSS
-----------------------*/

.custom-select {
    position: relative;
    font-family: Arial;
}

.custom-select select {
    display: none;
}

.custom-select-a i {
    background: black;
    padding: 10px 13px;
    color: #fff;
}

.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.select-items div,
.select-selected {
    color: #ffffff;
    cursor: pointer;
    user-select: none;
}

.select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

.custom-select i {
    background: black;
    color: #fff;
    padding: 11px;
}

.view-button {
    background-color: #7fad39;
    border: none;
    color: white;
    padding: 7px 60px;
    letter-spacing: 0.8px;
    border-top-right-radius: 3px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}


/*---------------------
  Image popup CSS
-----------------------*/

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}

.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    padding-top: 150px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.9);
    /* Black w/ opacity */
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 500px;
}

#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.modal-content,
#caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.close {
    position: absolute;
    top: 80px;
    right: 200px;
    color: #ffffff;
    font-size: 35px;
    opacity: 1;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}


/*---------------------
  Helper CSS
-----------------------*/

.set-bg {
    background-repeat: no-repeat, no-repeat;
    background-size: cover;
    background-position: top, center;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}


/* buttons */

.primary-btn {
    display: inline-block;
    font-size: 14px;
    padding: 10px 28px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    background: #7fad39;
    letter-spacing: 2px;
}

.site-btn {
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px 30px 12px;
    background: #7fad39;
    border: none;
}


/*---------------------
  Radio field css
-----------------------*/

.switch-field {
    display: flex;
    margin-bottom: 36px;
    overflow: hidden;
}

.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    text-align: center;
    letter-spacing: 0.8px;
    padding: 15px 32px;
    margin-right: -1px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked+label {
    background-color: #7fad39;
    box-shadow: none;
    color: #fff;
}

.switch-field label:first-of-type {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.switch-field label:last-of-type {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.label-cart {
    margin-bottom: 0rem;
}

.featured {
    padding-top: 0px;
    padding-bottom: 50px;
}

.btn-success {
    color: #fff;
    background-color: #7fad39;
    border-color: #7fad39;
}

.switch-field {
    margin-bottom: 20px;
}


/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-section {
    display: flex;
    align-items: center;
    padding: 45px 0 40px;
}

.breadcrumb__text h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
}

.breadcrumb__option a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    margin-right: 20px;
    position: relative;
}

.breadcrumb__option a:after {
    position: absolute;
    right: -12px;
    top: 13px;
    height: 1px;
    width: 10px;
    background: #ffffff;
    content: "";
}

.breadcrumb__option span {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
}


/*---------------------
  Shop Details
-----------------------*/

.product-details {
    padding-top: 80px;
}

.product__details__pic__item {
    margin-bottom: 20px;
}

.product__details__pic__item img {
    min-width: 100%;
}

.product__details__pic__slider img {
    cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
    width: auto;
}

.product__details__text h3 {
    color: #252525;
    font-weight: 700;
    margin-bottom: 16px;
}

.product__details__text .product__details__rating {
    font-size: 14px;
    margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
    margin-right: -2px;
    color: #EDBB0E;
}

.product__details__text .product__details__rating span {
    color: #dd2222;
    margin-left: 4px;
}

.product__details__text .product__details__price {
    font-size: 30px;
    color: #dd2222;
    font-weight: 600;
    margin-bottom: 15px;
}

.product__details__text p {
    margin-bottom: 45px;
}

.product__details__text .primary-btn {
    padding: 16px 28px 14px;
    margin-right: 6px;
    margin-bottom: 5px;
}

.product__details__text .heart-icon {
    display: inline-block;
    font-size: 16px;
    color: #6f6f6f;
    padding: 13px 16px 13px;
    background: #f5f5f5;
}

.product__details__text ul {
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
    margin-top: 50px;
}

.product__details__text ul li {
    font-size: 16px;
    color: #1c1c1c;
    list-style: none;
    line-height: 36px;
}

.product__details__text ul li b {
    font-weight: 700;
    width: 170px;
    display: inline-block;
}

.product__details__text ul li span samp {
    color: #dd2222;
}

.product__details__text ul li .share {
    display: inline-block;
}

.product__details__text ul li .share a {
    display: inline-block;
    font-size: 15px;
    color: #1c1c1c;
    margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
    margin-right: 0;
}

.product__details__quantity {
    display: inline-block;
    margin-right: 6px;
}

.pro-qty {
    width: 140px;
    height: 50px;
    display: inline-block;
    position: relative;
    text-align: center;
    background: #f5f5f5;
    margin-bottom: 5px;
}

.pro-qty input {
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #6f6f6f;
    width: 50px;
    border: none;
    background: #f5f5f5;
    text-align: center;
}

.pro-qty .qtybtn {
    width: 35px;
    font-size: 16px;
    color: #6f6f6f;
    cursor: pointer;
    display: inline-block;
}

.product__details__tab {
    padding-top: 85px;
}

.product__details__tab .nav-tabs {
    border-bottom: none;
    justify-content: center;
    position: relative;
}

.product__details__tab .nav-tabs:before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}

.product__details__tab .nav-tabs:after {
    position: absolute;
    right: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}

.product__details__tab .nav-tabs li {
    margin-bottom: 0;
    margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
    margin-right: 0;
}

.product__details__tab .nav-tabs li a {
    font-size: 16px;
    color: #999999;
    font-weight: 700;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.product__details__tab .product__details__tab__desc {
    padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
    font-weight: 700;
    color: #333333;
    margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
    color: #666666;
}


/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #ececec;
}

.shoping-bgr {
    background: #fff;
    padding: 20px;
}

.add {
    background: #fff;
    padding: 12px 10px;
}

.panel-default h4 {
    margin-bottom: 15px;
}

.shoping__cart__table {
    margin-bottom: 30px;
}

.shoping__cart__table table {
    width: 100%;
    text-align: center;
}

.shoping__cart__table table thead tr {
    border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
    text-align: left;
}

.shoping__cart__table table tbody tr td {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
    width: 630px;
    text-align: left;
    overflow: hidden;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
    display: inline-block;
    margin-right: 25px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
    color: #1c1c1c;
    display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
    font-size: 16px;
    color: #1c1c1c;
    width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
    font-size: 16px;
    color: #1c1c1c;
    width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
    text-align: right;
    cursor: pointer;
    font-size: 17px;
    color: red;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
    font-size: 24px;
    color: #b2b2b2;
    cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
    width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
    width: 120px;
    height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
    color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
    color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
    width: 15px;
}

.primary-btn.cart-btn {
    color: #6f6f6f;
    padding: 14px 30px 12px;
    background: #f5f5f5;
}

.primary-btn.cart-btn span {
    font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
    float: right;
}

.shoping__discount {
    margin-top: 45px;
}

.shoping__discount h5 {
    font-size: 20px;
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 25px;
}

.shoping__discount form input {
    width: 255px;
    height: 46px;
    border: 1px solid #cccccc;
    font-size: 16px;
    color: #b2b2b2;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
}

.shoping__discount form input::placeholder {
    color: #b2b2b2;
}

.shoping__discount form button {
    padding: 15px 30px 11px;
    font-size: 12px;
    letter-spacing: 4px;
    background: #6f6f6f;
}

.shoping__checkout {
    background: #f5f5f5;
    padding: 30px;
    padding-top: 20px;
    margin-top: 50px;
}

.shoping__checkout h5 {
    color: #1c1c1c;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 28px;
}

.shoping__checkout ul {
    margin-bottom: 28px;
}

.shoping__checkout ul li {
    font-size: 16px;
    color: #5a5a5a;
    font-weight: 700;
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 13px;
    margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.shoping__checkout ul li span {
    font-size: 18px;
    color: #ce3535;
    float: right;
}

.shoping__checkout .primary-btn {
    display: initial;
    text-align: center;
}

.label {
    color: #000;
}

.button-order {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
    transition: all 3s ease;
}

.button-off {
    margin: 5% auto;
}

.whatsapp-button {
    z-index: 99;
    background-image: linear-gradient( to right, #2bb741, #25d366);
    color: #ffffff;
    text-decoration: none;
    display: initial;
    padding: 10px 20px;
    border-radius: 50px;
    animation: effect 5s infinite ease-in;
}


/*the container must be positioned relative:*/

.footer {
    background-color: #666666;
}

.footer__copyright__text p {
    color: #fff;
    padding-top: 15px;
}

.footer__copyright__text a {
    color: #ffc501;
    transition: all 2s ease;
}

.footer__copyright__text a:hover {
    color: #f3d880;
    transition: all 2s ease;
}


/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .modal-content {
        max-width: 80% !important;
    }
    .close {
        top: 80px !important;
        right: 35px !important;
    }
    .modal {
        padding-top: 150px !important;
    }
    .switch-field label {
        padding: 10px 25px;
    }
    .featured__item__pic {
        height: 200px;
    }
    .cart_mobile .cart-counter-mob {
        position: fixed !important;
        bottom: 34px !important;
        right: 150px !important;
        width: 20px;
        background: black;
        border-radius: 50%;
        height: 20px;
        padding: 0px 5px;
        font-size: 13px;
        opacity: 0;
        z-index: 9999999999;
        color: #fff;
    }
    .cart_mobile .cart-plus {
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: #7fad39;
        color: #fff;
        font-size: 25px;
        width: 100%;
        padding: 15px;
        z-index: 99999;
    }
    .cart-desk-none {
        display: none;
    }
    .cart_mobile {
        display: block;
    }
    .input-lg {
        margin-bottom: 0rem !important;
    }
    .custom-select-a i {
        padding: 10px 13px;
        margin-bottom: 0;
    }
    .padd-search {
        padding-right: 1rem !important;
    }
    .padd-search-left {
        display: none;
    }
    .primary-btn {
        font-size: 12px;
    }
    .featured__item__text .featured__item__pic__hover li span {
        font-size: 12px;
    }
    .banner-image {
        display: block;
    }
    .feature_item_h h5 {
        font-size: 15px;
    }
    .feature_item_p p {
        font-size: 13px;
    }
    .set-bg {
        background-position: top center;
    }
    .featured__item {
        min-width: auto;
    }
    .header__menu ul li {
        margin-right: 45px;
    }
    .hero__search__form {
        width: 490px;
    }
    .hero__categories__all {
        padding: 10px 25px 10px 20px;
    }
    .hero__categories ul {
        padding-left: 20px;
    }
    .latest-product__slider.owl-carousel .owl-nav {
        right: 0;
    }
    .product__details__tab .nav-tabs:before {
        width: 265px;
    }
    .product__details__tab .nav-tabs:after {
        width: 265px;
    }
    .shoping__discount form input {
        width: 240px;
    }
    .shoping-bgr {
        max-width: 100% !important;
        flex: 100%;
    }
    .mobile-div {
        max-width: 100% !important;
        flex: 100%;
        padding: 0px;
    }
}


/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modal-content {
        max-width: 80% !important;
    }
    .close {
        top: 80px !important;
        right: 35px !important;
    }
    .modal {
        padding-top: 150px !important;
    }
    .switch-field label {
        padding: 10px 25px;
    }
    .featured__item__pic {
        height: 200px;
    }
    .cart_mobile .cart-counter-mob {
        position: fixed !important;
        bottom: 34px !important;
        right: 150px !important;
        width: 20px;
        background: black;
        border-radius: 50%;
        height: 20px;
        padding: 0px 5px;
        font-size: 13px;
        opacity: 0;
        z-index: 9999999999;
        color: #fff;
    }
    .cart_mobile .cart-plus {
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: #7fad39;
        color: #fff;
        font-size: 25px;
        width: 100%;
        padding: 15px;
        z-index: 99999;
    }
    .cart-desk-none {
        display: none;
    }
    .cart_mobile {
        display: block;
    }
    .input-lg {
        margin-bottom: 0rem !important;
    }
    .custom-select-a i {
        padding: 10px 13px;
        margin-bottom: 0;
    }
    .padd-search {
        padding-right: 1rem !important;
    }
    .padd-search-left {
        display: none;
    }
    .primary-btn {
        font-size: 12px;
    }
    .featured__item__text .featured__item__pic__hover li span {
        font-size: 12px;
    }
    .banner-image {
        display: block;
    }
    .feature_item_h h5 {
        font-size: 15px;
    }
    .feature_item_p p {
        font-size: 13px;
    }
    .set-bg {
        background-position: top center;
    }
    .featured__item {
        min-width: auto;
    }
    .header__menu ul li {
        margin-right: 45px;
    }
    .hero__search__form {
        width: 490px;
    }
    .hero__categories__all {
        padding: 10px 25px 10px 20px;
    }
    .hero__categories ul {
        padding-left: 20px;
    }
    .latest-product__slider.owl-carousel .owl-nav {
        right: 0;
    }
    .product__details__tab .nav-tabs:before {
        width: 265px;
    }
    .product__details__tab .nav-tabs:after {
        width: 265px;
    }
    .shoping__discount form input {
        width: 240px;
    }
    .shoping-bgr {
        max-width: 100% !important;
        flex: 100%;
    }
    .mobile-div {
        max-width: 100% !important;
        flex: 100%;
        padding: 0px;
    }
}


/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
    .modal-content {
        max-width: 80% !important;
    }
    .close {
        top: 80px !important;
        right: 35px !important;
    }
    .modal {
        padding-top: 150px !important;
    }
    .switch-field label {
        padding: 10px 25px;
    }
    .featured__controls {
        display: block;
    }
    .featured__controls ul li {
        display: block;
    }
    .featured__controls .feature_ul {
        padding: 20px;
        display: -webkit-box;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .testimonials {
        display: block;
    }
    .featured__item__pic {
        height: 200px;
    }
    .cart_mobile .cart-counter-mob {
        position: fixed !important;
        bottom: 34px !important;
        right: 150px !important;
        width: 20px;
        background: black;
        border-radius: 50%;
        height: 20px;
        padding: 0px 5px;
        font-size: 13px;
        opacity: 0;
        z-index: 9999999999;
        color: #fff;
    }
    .cart_mobile .cart-plus {
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: #7fad39;
        color: #fff;
        font-size: 25px;
        width: 100%;
        padding: 15px;
        z-index: 99999;
    }
    .cart-desk-none {
        display: none;
    }
    .cart_mobile {
        display: block;
    }
    .input-lg {
        margin-bottom: 0rem !important;
    }
    .custom-select-a i {
        padding: 10px 13px;
        margin-bottom: 0;
    }
    .padd-search {
        padding-right: 1rem !important;
    }
    .padd-search-left {
        display: none;
    }
    .primary-btn {
        font-size: 12px;
    }
    .feature_item_p ul li span {
        font-size: 12px;
    }
    .featured__item__pic__hover {
        margin-top: 10px;
        padding: 0px;
    }
    .banner-image {
        display: block;
    }
    .set-bg {
        background-position: top center;
    }
    .featured__item {
        min-width: auto;
    }
    .nice-select .list {
        position: relative;
    }
    .nice-select {
        width: 100%;
    }
    .nice-select .list {
        top: 0px;
        border-radius: 0px;
        margin-top: 0px;
    }
    .feature_item_p p {
        text-align: left;
    }
    .nice-select .option {
        padding-left: 10px;
    }
    .featured__item__pic__hover li i {
        padding: 13px;
    }
    .shoping__cart__table table tbody tr td.shoping__cart__total {
        font-size: 12px;
    }
    .add {
        background: #d6d6d6;
        padding: 12px 10px;
    }
    .shoping-cart {
        padding-top: 40px;
        padding-bottom: 40px;
        background: transparent;
    }
}


/* Small Device = 320px */

@media only screen and (max-width: 479px) {
    .modal-content {
        max-width: 80% !important;
    }
    .close {
        top: 80px !important;
        right: 35px !important;
    }
    .modal {
        padding-top: 150px !important;
    }
    .switch-field label {
        padding: 10px 25px;
    }
    .featured__controls {
        display: block;
    }
    .featured__controls ul li {
        display: block;
    }
    .featured__controls .feature_ul {
        padding: 20px;
        display: -webkit-box;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .featured__controls .feature_ul {
        padding: 20px;
        display: -webkit-box;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .testimonials {
        display: block;
    }
    .featured__item__pic {
        height: 200px;
    }
    .cart_mobile .cart-counter-mob {
        position: fixed !important;
        bottom: 34px !important;
        right: 150px !important;
        width: 20px;
        background: black;
        border-radius: 50%;
        height: 20px;
        padding: 0px 5px;
        font-size: 13px;
        opacity: 0;
        z-index: 9999999999;
        color: #fff;
    }
    .cart_mobile .cart-plus {
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: #7fad39;
        color: #fff;
        font-size: 25px;
        width: 100%;
        padding: 15px;
        z-index: 99999;
    }
    .cart-desk-none {
        display: none;
    }
    .cart_mobile {
        display: block;
    }
    .input-lg {
        margin-bottom: 0rem !important;
    }
    .custom-select-a i {
        padding: 10px 13px;
        margin-bottom: 0;
    }
    .padd-search {
        padding-right: 1rem !important;
    }
    .padd-search-left {
        display: none;
    }
    .primary-btn {
        font-size: 12px;
    }
    .feature_item_p ul li span {
        font-size: 12px;
    }
    .featured__item__pic__hover {
        margin-top: 10px;
        padding: 0px;
    }
    .banner-image {
        display: block;
    }
    .set-bg {
        background-position: top center;
    }
    .featured__item {
        min-width: auto;
    }
    .nice-select .list {
        position: relative;
    }
    .nice-select {
        width: 100%;
    }
    .nice-select .list {
        top: 0px;
        border-radius: 0px;
        margin-top: 0px;
    }
    .feature_item_p p {
        text-align: left;
    }
    .nice-select .option {
        padding-left: 10px;
    }
    .featured__item__pic__hover li i {
        padding: 13px;
    }
    .shoping__cart__table table tbody tr td.shoping__cart__total {
        font-size: 12px;
    }
    .add {
        background: #d6d6d6;
        padding: 12px 10px;
    }
    .shoping-cart {
        padding-top: 40px;
        padding-bottom: 40px;
        background: transparent;
    }
}

@media only screen and (max-width: 370px) {
    .modal-content {
        max-width: 80% !important;
    }
    .close {
        top: 80px !important;
        right: 35px !important;
    }
    .modal {
        padding-top: 150px !important;
    }
    .switch-field label {
        padding: 10px 25px;
    }
    .featured__controls {
        display: block;
    }
    .featured__controls ul li {
        display: block;
    }
    .featured__controls .feature_ul {
        padding: 20px;
        display: -webkit-box;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .featured__controls .feature_ul {
        padding: 20px;
        display: -webkit-box;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .testimonials {
        display: block;
    }
    .featured__item__pic {
        height: 200px;
    }
    .cart_mobile .cart-counter-mob {
        position: fixed !important;
        bottom: 34px !important;
        right: 150px !important;
        width: 20px;
        background: black;
        border-radius: 50%;
        height: 20px;
        padding: 0px 5px;
        font-size: 13px;
        opacity: 0;
        z-index: 9999999999;
        color: #fff;
    }
    .cart_mobile .cart-plus {
        position: fixed;
        bottom: 0px;
        right: 0px;
        background-color: #7fad39;
        color: #fff;
        font-size: 25px;
        width: 100%;
        padding: 15px;
        z-index: 99999;
    }
    .cart-desk-none {
        display: none;
    }
    .cart_mobile {
        display: block;
    }
    .input-lg {
        margin-bottom: 0rem !important;
    }
    .custom-select-a i {
        padding: 10px 13px;
        margin-bottom: 0;
    }
    .padd-search {
        padding-right: 1rem !important;
    }
    .padd-search-left {
        display: none;
    }
    .primary-btn {
        font-size: 12px;
    }
    .feature_item_p ul li span {
        font-size: 12px;
    }
    .featured__item__pic__hover {
        margin-top: 10px;
        padding: 0px;
    }
    .banner-image {
        display: block;
    }
    .set-bg {
        background-position: top center;
    }
    .featured__item {
        min-width: auto;
    }
    .nice-select .list {
        position: relative;
    }
    .nice-select {
        width: 100%;
    }
    .nice-select .list {
        top: 0px;
        border-radius: 0px;
        margin-top: 0px;
    }
    .feature_item_p p {
        text-align: left;
    }
    .nice-select .option {
        padding-left: 10px;
    }
    .featured__item__pic__hover li i {
        padding: 13px;
    }
    .shoping__cart__table table tbody tr td.shoping__cart__total {
        font-size: 12px;
    }
    .add {
        background: #d6d6d6;
        padding: 12px 10px;
    }
    .shoping-cart {
        padding-top: 40px;
        padding-bottom: 40px;
        background: transparent;
    }
}