/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

html,
body {
    margin: 0;
    font-size: 100%;
    background: #fff;
    
	    font-family: 'Roboto', sans-serif;
}

body a {
    text-decoration: none;
    
}

.img-icon1 {
    display: flex;
    font-size: 1.1rem;
    align-items: center;
    position: relative;
}

.img-icon1>img {
    width: 2rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    display: block;
}

.card
{
        padding: 0px 15px;
}
.logo-com {
    width: auto;
    height: 50px;
    
}

[class^=swal2] {
   
    color: white;
}

.recipe-category div {
    padding: 1rem;
}
.card-category .offer_badge {
    position: absolute;
    color: #FFF;
    font-size: 12px;
    
    width: 100%;
    text-transform: uppercase;
    height: 38px;
    background-size: 100%;
    text-align: center;
    padding: 8px 0 0;
    top: 0;
    background-color: #84c225;
    font-family: 'Roboto', sans-serif;
    border-radius: 5px;
}
.recipe-category span {
    color: #0a0a0a;
    background-color: #ffc107;
    padding: 11px;
    top: 0px;
    left: 16px;
    position: absolute;
    border-radius: 0%;
    border: 2px dashed #888484;
}
.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: 0.3125em;
    background: #254786!important;
    font-family: inherit;
    font-size: 1rem;
}
.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 0.4em;
    padding: 0;
    color: #fbfbfb!important;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
}
.swal2-icon.swal2-info {
    border-color: #fbfbfb!important;
    color: #fbfbfb!important;
}
.rc-design
{
        box-shadow: 1px 2px 7px 0 #d4cfcf;
        display: flex;
        padding: 15px;    
        margin-bottom: 15px;
}
.recipe-category {
    display: grid;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    margin-bottom: 6px;
}

.recipe-category img {
    width: 100%;
    height: 15rem;
    display: block;
    margin: auto;
}

.recipe-category h4 {
    margin-top: 10px;
    margin-bottom: 3px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3f2121;
}

.recipe-grid {
       /* border-radius: 9px; */
    overflow: hidden;
    background: #f2fff9;
    /* box-shadow: 0 0 3px 0px #787c77; */
    display: grid;
    border: 1px solid #dcdcdc;
    margin-bottom: 5px;
}

.recipe-grid h4 {
    margin-top: 10px;
    margin-bottom: 3px;
    font-weight: 600;
    text-transform: uppercase;
    color: #3f2121;
}

.recipe-grid>div.content {
    padding: 10px 15px;
}

.image-hide
{
    display: block;
}
.recipe-grid span {
    color: green;
}

.recipe-grid img {
    height: 12rem;
    display: block;
   
    padding: 0;
    width: 100%;
}

.accorden_btn1 {
    width: 100%;
    outline: none;
    border: none;
    display: none;
    background: none;
    padding: 1rem;
    text-align: left;
}

td.Unpaid {
    color: red !important;
}

td.Paid b {
    color: green !important;
}

span.Unpaid b {
    color: red !important;
}

span.Paid {
    color: green !important;
}

td.On-Process {
    color: rgb(0, 70, 128) !important;
}

td.On-The-Way {
    color: rgb(212, 88, 6) !important;
}

td.Delevered {
    color: green !important;
}

.edit-mob {
    cursor: pointer;
    padding-left: 7px;
    font-size: 14px;
    color: #3e76e0;
    font-weight: 600;
}

.address-select .form-group {
    margin-bottom: 5px;
}

.address-select {
    margin-left: 1.4rem;
    padding: 15px;
    
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    height: 42px;
}
div.dataTables_wrapper div.dataTables_length label {
   
    display: none;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: left!important; 
    padding: 18px;
}
span.step-checkout {
    width: 33px;
    height: 33px;
    background: #eee;
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 9px;
    font-size: 0.9rem;
    margin-right: 9px;
}

.address-select .form-control {
    height: 40px;
    font-size: 13px;
    line-height: initial;
   
}

.address-select textarea.form-control {
    height: auto;
}

.address-select .form-group label {
   margin-bottom: 5px;
    font-size: 0.8rem;
    font-weight: 400;
}

.pyro>.before,
.pyro>.after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: -120px -218.66667px blue, 248px -16.66667px #00ff84, 190px 16.33333px #002bff, -113px -308.66667px #ff009d, -109px -287.66667px #ffb300, -50px -313.66667px #ff006e, 226px -31.66667px #ff4000, 180px -351.66667px #ff00d0, -12px -338.66667px #00f6ff, 220px -388.66667px #99ff00, -69px -27.66667px #ff0400, -111px -339.66667px #6200ff, 155px -237.66667px #00ddff, -152px -380.66667px #00ffd0, -50px -37.66667px #00ffdd, -95px -175.66667px #a6ff00, -88px 10.33333px #0d00ff, 112px -309.66667px #005eff, 69px -415.66667px #ff00a6, 168px -100.66667px #ff004c, -244px 24.33333px #ff6600, 97px -325.66667px #ff0066, -211px -182.66667px #00ffa2, 236px -126.66667px #b700ff, 140px -196.66667px #9000ff, 125px -175.66667px #00bbff, 118px -381.66667px #ff002f, 144px -111.66667px #ffae00, 36px -78.66667px #f600ff, -63px -196.66667px #c800ff, -218px -227.66667px #d4ff00, -134px -377.66667px #ea00ff, -36px -412.66667px #ff00d4, 209px -106.66667px #00fff2, 91px -278.66667px #000dff, -22px -191.66667px #9dff00, 139px -392.66667px #a6ff00, 56px -2.66667px #0099ff, -156px -276.66667px #ea00ff, -163px -233.66667px #00fffb, -238px -346.66667px #00ff73, 62px -363.66667px #0088ff, 244px -170.66667px #0062ff, 224px -142.66667px #b300ff, 141px -208.66667px #9000ff, 211px -285.66667px #ff6600, 181px -128.66667px #1e00ff, 90px -123.66667px #c800ff, 189px 70.33333px #00ffc8, -18px -383.66667px #00ff33, 100px -6.66667px #ff008c;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
}

.qty-btns {
    display: FLEX;
    align-items: CENTER;
    position: relative;
    width: fit-content;
    margin: auto;
}

.pyro>.after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
}

@-webkit-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-moz-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-o-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-ms-keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@keyframes bang {
    from {
        box-shadow: 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white, 0 0 white;
    }
}

@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-moz-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-o-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-ms-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}

@-webkit-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-moz-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-o-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@-ms-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

@keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}

a:hover {
    text-decoration: none;
}

input[type="button"],
input[type="submit"] {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.rating-div1 {
    border: 1px solid #dcdcdc;
    margin-bottom: 15px;
}

span.rating-info {
    width: 100%;
    display: block;
    padding: 1rem 0;
    font-size: 18px;
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: 'Roboto', sans-serif;
}

p {
    margin: 0;
    letter-spacing: 0px;
    font-size: 16px;
    color: #292828;
}

ul {
    margin: 0;
    padding: 0;
}

label {
    margin: 0;
}

.flexslider1212.carousel {
    max-height: none !important;
    height: auto !important;
    /* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%); */
    /* border: 1px solid #eaeaea; */
    margin-top: -11px;
    background-color: white;
}

.swal2-popup {
    width: 20rem !important;
}

.swal2-title {
   font-size: 1rem !important;
    font-weight: 400!important;
    line-height: 25px;
}

.swal2-content {
    font-size: 1.2rem !important;
    color:white !important;
}
.psticky
{
    
    position: sticky;
    top: 111px;
    bottom: 0;
    z-index: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.product-img {
    /* width: auto; */
    /* height: 150px; */
    margin: auto;
    max-width: 100%;
}
.men-thumb-item:hover {
   transform: scale(1.05);
   transition: transform 0.3s ease;
}
.product-img-slide {
    height: 25px;
    border: 1px solid #eee;
        margin: 5px 0px 5px 0px;
}

.product-img1 {
    width: 100%;
    height: 150px;
}
.hidemax
{
    display:none;
}
.hide-c {
    display: none;
}

/* top-header */

.header-most-top p {
    text-align: center;
    color: #fffdfd;
    font-weight: 600;
    padding: 3px;
    letter-spacing: 2px;
    background: #ee5523;
    font-size: 13px;
}

h4.cart-heading {
    margin: 10px 10px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}


/* //top-header */


/*-- header-bottom --*/

.select2-results__option {
    /* padding: 5px; */
    user-select: none;
    -webkit-user-select: none;
    font-size: 12px;
	font-weight:400;
}

.rewards-ul a {
    display: grid!important;
}

.rewards .nav-tabs>li.active>a,
.rewards .nav-tabs>li.active>a:hover,
.rewards .nav-tabs>li.active>a:focus {
    border: none;
    background-color: #bbffb3;
    border-radius: 14px;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.count-down {
    font-size: 1.5rem;
}

.daily-div span:nth-child(1) {
    text-align: left;
    font-size: 1.2rem;
    margin-top: 1rem;
    font-weight: 500;
    color: #096418;
}

button.claim-now {
    /* margin-top: 1rem; */
    width: 10rem;
    height: 3rem;
    margin: auto;
    margin-top: 1rem;
    /* float: right; */
    background: #008000;
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
}

.count-down p {
    color: white;
}

.count-down {
    font-size: 1.5rem;
    border: 1px solid #dcdcdc;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 9px;
    background: green;
    color: white;
}

.daily-div {
    display: grid
}

.cashback-div {
    font-weight: 500;
    display: grid;
    text-align: center;
    margin-top: 1rem;
    background: #f5efef;
    border-radius: 5px;
    padding: 1rem;
    font-size: 0.9rem;
}

span.balance {
    font-size: 25px;
    float: right;
    font-weight: 600;
}

.rewards .nav-tabs>li>a,
.rewards .nav-tabs>li>a:hover,
.rewards .nav-tabs>li>a:focus {
    border: none;
    border-radius: 14px;
    padding: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #607c60;
}

.rewards .nav-tabs {
    border: none!important;
}

.rewards .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 33.33%;
    text-align: center;
}

.rewards img {
    width: 2rem;
    height: 2rem;
    margin: auto;
    margin-bottom: 0.5rem;
}

.rewards-sec {
    border: 1px solid #dcdcdc;
    padding: 1rem;
    border-radius: 9px;
    background: #f6f2f2;
    color: green;
}


/*-- Header Lists --*/

.header ul li {
    display: inline-block;
    width: fit-content;
    text-align: center;
    color: #464646;
    font-size: 13px;
    font-weight: 800;
    padding: 1px 7px;
    float: right;
}

.header ul li a {
    color: #615d5d;
    text-decoration: none;
    font-size: 14px;
    font-weight: 450;
    letter-spacing: 0.5px;
}

.header ul li span {
    margin-right: 7px;
    color: #555;
    font-size: 15px;
}

.header-right {
    text-align: right;
}

.header-left {
    text-align: left;
}

.header-bot_inner_wthreeinfo_header_mid {
    margin: 0 auto;
   
}


/*-- shop locator --*/

.list_of_cities {
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(47, 47, 47, 0.44);
    color: #4d4d4d;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
}


/*-- //shop locator --*/


/*-- //Header Lists --*/


/*-- search --*/

.agileits_search {
    margin-top: 9px;
    float: left;
}

.choosen_cat1 {
    outline: none;
    border: none;
    background: #fff;
    border-right-color: transparent;
    color: #424344;
    padding: 10px;
    font-weight: 500;
    font-size: 15px;
    border: 1px solid #969393a8;
    float: left;
    width: 36%;
    letter-spacing: 1px;
}

.agileits_search .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 40px;
    font-size: 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e8ece3;
    color: #4e4949;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 5px 10px;
}

.pull-right {
    float: right !important;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 317px!important;
    overflow-y: hidden!important;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
    border-radius: 0px;
}
.agileits_search .select2-container .select2-selection--single {
    height: 40px !important;
}

img.delivery-img {
   margin: auto;
    text-align: center;
    padding: 20px;
}
.margin-order
{
    margin:auto;
    text-align: center;
}

.agileits_search select {
    outline: none;
    border: none;
    background: #fff;
    border-right-color: transparent;
    color: #424344;
    padding: 10px;
    font-weight: 500;
    font-size: 14px;
    float: left;
    width: 85%;
    border: 1px solid #969393a8;
    letter-spacing: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right: 0;
}

.img-search {
   width: 35px;
    height: 35px;
    padding: 7px;
}

.select2-result-repository__avatar {
    display: flex;
}

.check_out_cod {
    height: 50px;
    padding: 1rem;
    width: 167px;
    font-weight: 600;
}

.dg {
    display: grid;
    margin-left: 10px;
}

.agileits_search .select2-container--default .select2-selection--single {
    outline: none;
    border-radius: 0;
    border-right: none;
}

.select2-search--dropdown .select2-search__field {
    outline: none;
}

.agileits_search .btn-default {
    border: none;
    height: 40px;
    width: 45px;
    outline: none;
    box-shadow: none;
    background: #ffffff;
    border: 2px solid #d4d4d4a8;
    border-left: 0;
    padding: 0;
    border-radius: inherit;
    -webkit-appearance: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
   
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 2px solid #e7e7e7!important;
    border-radius: 4px;
}
.agileits_search .btn-default:hover {
    background: #ececece8;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.agileits_search span {
    color: #fff;
}
 
 
   .menu-area{
      
       background: #3e76e0;
    position: sticky;
    top: 67px;
    z-index: 31;
   }
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a,  .mainmenu ul li a
{
    color:black;
}
.mainmenu a
{
    color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;
    
}
.navbar-default
{
    color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;
    
}
.navbar-nav > li > a
{
    color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;
    
}
.mainmenu ul li a 
{
    color:#555;font-size:13.5px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;font-weight: 500;
    
}
.navbar-expand-lg .navbar-nav .nav-link
{
    color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;
    
}
.mainmenu .active a,.mainmenu .active a:focus,.navbar-default .navbar-nav>.show>a
{
    color:white;
}

.card-title {
    margin-bottom: 0.75rem;
    font-size: 15px;
}
.table {
    margin-left: 12px;
    
}
.card-text
{
    margin: 0;
    letter-spacing: 0px;
    font-size: 14px;
    color: #555;
    margin-bottom: 1rem;
    font-weight: 400;
}
.mainmenu .active a:hover
{
    color: white!important;
}
.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus , .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #333;outline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #eee;}
.mainmenu .collapse ul ul ul > li:hover > a{}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background: #f5f5f4;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background: #f5f5f4;}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
.header-sm {
    display: none;
}

#agileinfo_search {
    padding: 9.5px 2px;
}

.agileits-navi_search {
    float: left;
    width: 23%;
}

.mb-0 {
    margin-bottom: 0;
}

.p-0 {
    padding: 0;
}

.b-form {
    border: 1px solid #dcdcdc;
}

p.review-content {
    color: black;
    padding: 5px 0;
    margin: 0 !important;
}

.star-rating-div {
    color: red;
}

.rightitems
{
   padding: 10px 15px; 
}

input.pincodes {
    outline: none;
    background: url(../images/pin.png) no-repeat scroll 5px 8px;
    padding-left: 31px;
    background-size: 16px 16px;
    background-color: #ffffff;
    border: 2px solid #d4d4d4a8;
    color: #1b1717;
    min-width: 2rem;
    font-size: 12px;
    padding-top: 0px;
        
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #68b70a;
}

.nav-pills>li>a {
    border-radius: 4px;
    color: #332f2f;
    font-weight: 500;
}

img.no-delivery-img {
    height: 12rem;
    display: block;
    margin: auto;
}

.comments-bot {
    border-top: 1px solid #dcdcdc;
    padding-bottom: 1rem;
}

span.name-review {
    font-size: 14px;
}

.img-list {
    padding: 1rem 0rem;
}

.p-relative {
    position: relative;
	margin-top: 10px;
}

label.control-label.col-md-4.sm-p-lr-0 {
    font-size: 14px;
    font-weight: 400;
}

img.image-logo-round {
    
    height: 100px;
    border: 1px solid #dcdcdc;
    
    margin: auto;
    display: block;
    
}

input[type="file"] {
    display: NONE;
}

#agileinfo-nav_search {
    outline: none;
    border: none;
    color: #000;
    font-size: 14px;
    background: #ffffff;
    padding: 15px 10px;
    width: 100%;
    letter-spacing: 1px;
}

span.input-group-addon>img {
    width: 22px;
    height: auto;
}

.snglp {
    white-space: pre-wrap;
}

img.img-profile {
    margin-right: 8px;
    
    height: 26px;
}

.intrested {
    /* border: 1px solid red; */
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 3px;
    color: white;
    background: green;
    font-weight: 500;
    box-shadow: 0 0 4px #a0a0a0;
}

ul.user-menu {
    left: auto;
    right: auto;
    top: auto;
    width: auto;
}

ul.user-menu li {
    display: block !important;
    border: none !important;
    width: 100%;
    text-align: left;
}

ul.user-menu li a {
    color: #1b1b1b !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
}

ol.flex-control-nav.flex-control-thumbs li img {
    width: auto;
    height: 65px;
    margin: auto;
}

.category-top {
    margin: 10px 0px;
}

.state-div {
    padding: 2rem;
    border: 1px solid #c7d0d9;
    text-align: center;
    margin-bottom: 5px;
    background: #806f6f;
    height: 35rem;
    width: 34.8rem;
    margin: auto;
    background-size: cover !important;
    display: table;
    border-radius: 0;
    box-shadow: 0 0 0px black;
    background-image: linear-gradient( 109.6deg, rgba(31, 179, 237, 1) 11.2%, rgba(17, 106, 197, 1) 91.1%);
}

.img-signup {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.state-div h3 {
    color: white;
    text-shadow: 0 0 5px #000000;
    font-size: 2.5rem;
    text-transform: capitalize;
    text-align: left;
}

.img-icon {
    width: 25px;
    height: 25px;
}

.login-grids h3 {
    margin-bottom: 10px;
}

.div-signup h3 {
    margin-bottom: 10px;
    font-weight: 800;
    background-color: #fffffe;
    padding: 15px 0px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #48770e !important;
}

.btn-primary {
    background: #197fe1;
    border-radius: 4px;
    color: white !important;
    padding: 10px 23px;
    font-size: 14px !important;
    border: none;
    text-transform: uppercase;
    font-weight: 800;
       
    
}

.sign-ip-tabs {
    
    height: auto;
    
}

.card-category {
    padding: 0;
    margin: 0px;
    background-color: white;
    box-shadow: -3px 1px 2px 0px #e4dddd;
    position: relative;
    margin-bottom: 22px;
    border-radius: 25px;
}

.card-category .offer_badge {
    position: absolute;
    color: #FFF;
    font-size: 12px;
    
    width: 100%;
    text-transform: uppercase;
    height: 38px;
    background-size: 100%;
    text-align: center;
    padding: 8px 0 0;
    top: 0;
    background-color: #84c225;
    font-family: 'Roboto', sans-serif;
    border-radius: 21px 21px 0 0;
}

.card-category img {
    width: 100%;
   
    margin-top: 40px;
    padding: 1rem;
   
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.card-category h5 {
    font-size: 18px;
    text-align: center;
    margin: 20px 0px 10px 0px;
    font-weight: 800;
    color: #3f5f0f;
}

.minicartk-attributes {
    overflow: hidden !important;
}

#PPminicartk .minicartk-item {
    display: flex;
    align-items: center;
}

.mrp-price {
    font-weight: 400;
    color: #ccc;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 1rem;
}

.selling-price {
    font-weight: 700;
    color: #333;
    font-size: 20px;
    margin-top: 3px;
}

.saved-price {
    font-weight: 600;
    color: #2d45cc;
    font-size: 13px;
    margin-top: 0.5em;
    letter-spacing: -1px;
}

.list-brand {
    font-weight: 400;
    color: #555;
    font-size: 13px;
    margin-top: 0.7em;
    margin-bottom: -10px;
	    font-family: system-ui;
}

.list-brand-single {
    font-weight: 400;
    color: #555;
    font-size: 14px;
    margin-top: 0.7em;
    margin-bottom: -5px;
	    font-family: system-ui;
}

.b-none {
    border: none !important;
}

p.p-sdesc {
    color: #484545;
}

p.prewrap {
    white-space: pre-wrap;
}

.view-more-link {
    text-align: right;
    display: inline-block;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    transition: box-shadow 0.2s ease;
    vertical-align: middle;
    outline: none;
    color: #f5f5f5;
    float: right;
    text-transform: uppercase;
    background-color: #3e76e0;
    margin-top: -4px;
}

.view-more-link:hover
{
    color:white;
}

/*-- //search --*/


/*-- logo --*/

.logo_agile {
    text-align: center;
    margin-top: 2px;
    display: flex;
    margin-bottom: 5px;
}

.logo_agile span {
    color: #4caf50;
}

.logo_agile h1 a {
    color: #000;
    font-size: 38px;
    text-decoration: none;
}

.logo_agile h1 a:hover {
    text-decoration: none;
}

.header-left img {
    width: 73%;
}

.header-bot {
    
        padding: 5px 15px 5px 0px;
    position: sticky;
    top: 0;
    z-index: 31;
    background-color: white;
    
}


/*-- //logo --*/


/*-- model_signin --*/

.modal-body.modal-body-sub_agile input[type="text"],
.modal-body.modal-body-sub_agile input[type="email"],
.modal-body.modal-body-sub_agile input[type="password"] {
    font-size: 14px;
    letter-spacing: 1px;
    color: #777;
    padding: 10px 0;
    border: 0;
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    background: none;
    -webkit-appearance: none;
    outline: none;
    margin-bottom: 20px;
}

.modal-body.modal-body-sub_agile input[type="submit"] {
    border: none;
    padding: 10px 40px;
    font-size: 14px;
    outline: none;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
    letter-spacing: 1px;
    background: #b70d14;
    color: #fff;
    margin: 20px 0;
}

.modal-body.modal-body-sub_agile input[type="submit"]:hover {
    background: #fff;
    color: #b70d14;
    border: 2px solid #b70d14;
}

h3.agileinfo_sign {
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-align: center;
    color: #2196f3;
}

h3.agileinfo_sign span {
    font-weight: 300;
}

.modal-content {
    position: relative;
}

.main-mailposi span {
    position: absolute;
    font-size: 150px;
    color: #e8e8e8;
    opacity: 0.4;
    right: 7%;
    transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}


/* placeholder */

.modal-body.modal-body-sub_agile ::-webkit-input-placeholder {
    color: #212121 !important;
}

.containerp {
    width: 96%;
    margin: 2%;
    margin-top: 0%;
}


/* //placeholder */

.form-horizontal .form-group {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.modal-body.modal-body-sub_agile p a {
    color: #ff5722;
    font-weight: 600;
    font-size: 17px;
}

.profile-container {}

.profile-tab-right {
    margin-top: 10px;
    float: left;
    background-color: #ffffff;
    width: 68%;
    display: block;
    padding: 15px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
    
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
}
.profile-tab {
        float: left;
    background-color: #ffffff;
    width: 30%;
    margin-top: 10px;
    height: inherit;
    padding: 15px 0px;
    margin-right: 5px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
    
}
.odetails-div b {
    width: 100%;
    display: block;
    margin-top: 6px;
    font-size: 14px;
}
.profile-tab h2 {
    padding: 5px 5px;
    font-size: 15px;
    text-transform: uppercase;
    color: #777;
    margin-bottom: 5px;
    padding-left: 25px;
}

.modal-body.modal-body-sub_agile p {
    line-height: 2em;
    color: #000;
    font-size: 15px;
    margin-bottom: 20px;
}

.modal-body.modal-body-sub_agile {
    padding: 0 2em 2em;
    margin-top: 1em;
}


/*-- //model_signin --*/


/*-- navigation --*/

.navbar-default {
    background: none;
    border: none;
    min-height: inherit;
    margin: 0;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: none;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #555;
    background: none;
}

.navbar-nav>li {
    margin: 0 0px;
    list-style: none;
}

.navbar-nav>li>a {
    padding: 15px 16px;
}

.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.navbar-nav>li>a {
    line-height: inherit;
}

a.nav-stylehead {
   
    color: #FFF !important;
    font-size: 14px;
    font-weight: 300;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ff5722;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #ff5722;
}

.navbar-default .navbar-nav>li>a {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.5px;
}

.agile_short_dropdown {
    border-radius: 0;
    background: #ffffff;
    text-align: center;
    padding: 0;
    border: none;
	font-weight: 500;
    font-size: 14px;
    display: inline-block;
   
    letter-spacing: .5px;
}

.agile_short_dropdown li a {
    color: #545454;
    font-size: 13px;
    padding: 0.8em 0;
    border-bottom: 1px solid #ececef;
    letter-spacing: 1px;
}

.agile_short_dropdown>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #ff5722;
}

.multi-gd-img img {
    margin-top: 60px;
}

.d-flex {
    display: flex;
}


/*-- navigation-dropdown --*/

ul.multi-column-dropdown li {
    list-style-type: none;
    line-height: 2.5em;
    padding: 0px;
}

img.img-filter-div {
    width: 100%;
}

ul.multi-column-dropdown li a {
    text-decoration: none;
    font-size: 14px;
    color: #555;
    font-weight: 400;
	margin-left: 5px;
}

ul.multi-column-dropdown li a:hover {
    color: #ff5722;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #ff5722;
}

ul.dropdown-menu.multi-column.columns-3 {
        left: 0rem;
    background-color: whitesmoke;
    border-radius: 0px;
}


/*-- //navigation-dropdown --*/


/* //navigation */


/*-- cart details--*/

.top_nav_right {
    float: left;
    width: 35%;
}

.box_1 {
    text-align: center;
    border-radius: 9px;
}

a.simpleCart_empty {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    display: block;
}

button.w3view-cart {
    outline: none;
    border: none;
    background: #ffffff00;
    width: 48px;
    height: 43px;
    font-size: 24px;
    color: #ffffff;
    display: contents;
}


/*-- //cart details--*/


/*-- //header-bottom --*/


/*-- banner --*/

.ban-top {
    margin: 0;
    border-radius: 0;
    position: sticky;
    top: 65px;
    z-index: 1001;
    background: #3D76E0;
}

.dropdown-menu.columns-3 {
    min-width: 32rem;
    padding: 15px 0px;
}

.adsclassified img {
    width: auto;
    height: 200px;
    margin: auto;
}

.top-selling-div {
    padding: 3px;
	    position: relative;
    display: inline-block;
	
}

.multi-gd-img img {
    width: 100%;
}

.carousel-caption {
    top: 30%;
}

.my-orders-div {
    margin-bottom: 0rem;
    
    border: 1px solid #eaeaea;
}

span.On-The-Way {
    color: #1e1e88;
}

span.Delevered {
    color: green;
}

span.On-Process {
    color: #bf1717;
}

span.booking_date {
        text-align: right;
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

img.img-responsive.cart-img-c {
    height: 70px;
    margin: auto;
}

.pmrp-c {
    font-weight: 400;
    color: #8a7e7e;
    font-size: 15px;
    text-decoration: line-through;
}

.pamt-c {
    font-weight: 500;
    font-size: 21px;
    margin-right: 5px;
}

.p-details-cart-grid p {
    font-size: 14px;
    margin: 6px 0;
    color: #676767;
}

.p-details-cart-grid h4 {
    font-weight: 500;
    font-size: 15px;
}

.p-details-cart-grid {
    display: grid;
}

.bold-t td {
    font-weight: 500;
    border-top: 1px solid #dcdcdc;
}

span.save-off {
    text-align: center;
    width: 100%;
    display: block;
    color: #045d04;
    font-weight: 500;
    margin-top: auto;
    border-top: 1px solid #dcdcdc;
    padding-top: 1rem;
}

.quantity-select {
    display: FLEX;
    align-items: CENTER;
    position: relative;
    width: fit-content;
    margin: auto;
    margin-bottom: 10px;
}

span.booking_id {
    font-weight: 400;
    font-size: 15px;
    text-align: right;
}

.price-cart-s-div {
    margin: 1rem 0;
}

.span.booking_date {
    text-align: center;
    font-weight: 500;
}

span.booking_time {
    text-align: center;
}

.d-grid {
    display: grid;
}

.progress-order span {
    display: block;
    width: 100%;
    text-align: center;
}

.progress-order span.on-progress {
    color: green;
}

input.samt_p {
    border: none;
    text-align: right;
    font-size: 18px;
}

input.total-amt {
    padding: 5px 14px;
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    border: 1px solid #dcdcdc;
    color: green;
}

.entry.value {
    position: relative;
}

.text-right {
    text-align: right !important;
}

.text-left {
    text-align: left !important;
}

.video-frame {
    width: auto;
   
    margin: auto;
    display: block;
}

.val12 {
    cursor: default;
    width: 40px;
    height: 40px;
    padding: 8px 0px;
    color: #000000;
    line-height: 24px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    text-align: center;
    display: inline-block;
    margin-right: 3px;
    position: absolute;
    left: 0;
    top: 0;
    box-shadow: none;
    outline: none;
}

img.img-slider {
    width: 100%;
       
}

.carousel-caption h2,
.carousel-caption h3 {
    font-size: 5em;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
    text-shadow: 3px 8px 2px rgb(12, 12, 12);
    background: rgba(0, 0, 0, 0.34);
    padding: 35px 0;
}

.carousel-caption h2 span,
.carousel-caption h3 span {
    font-weight: 800;
    color: #ff5722;
}

.carousel-caption p {
    letter-spacing: 5px;
    font-size: 24px;
    color: #fff;
    margin: 20px 0;
}

.carousel-caption p span {
    font-size: 40px;
    letter-spacing: 0px;
    font-weight: 500;
}

.codes.agileitsbg3 {
    background: #3498db;
    padding-bottom: 10em;
}

.codes.agileitsbg4 {
    background: #2ecc71;
    padding-bottom: 10em;
}

.carousel.slide.grid_3.grid_4 {
    border-top: 10px solid #3acfd5;
    border-bottom: 10px solid #3a4ed5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    -webkit-background-size: 10px 100%;
    -moz-background-size: 10px 100%;
    background-size: 10px 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d…0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -webkit-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
    background-image: -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -moz-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
    background-image: -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%), -o-linear-gradient(top, #3acfd5 0%, #3a4ed5 100%);
    background-image: linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to bottom, #3acfd5 0%, #3a4ed5 100%);
}

.carousel-indicators {
    bottom: 4%;
	
}


/*-- carousel-slider --*/


/*-- banner-button --*/

.button2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    background: #141514;
    border-radius: 4px;
    color: #fff;
    letter-spacing: 2px;
    padding: 11px 27px;
    margin-top: 2em;
}

.button2:hover,
.button2:focus {
    background: #ffffffc7;
    color: #141514;
    border: 2px solid #141514;
    font-weight: 500;
    text-shadow: none;
}


/*-- //banner-button --*/


/*-- //banner --*/


/*-- top products --*/

.product_list_header {
    float: right;
}

.snipcart-details {}

.btn-danger.my-cart-btn:focus {
    outline: none;
}
.select2-search--dropdown {
    display: block;
    padding: 4px;
    margin-top: -40px;
    border: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #fffffe!important;
}
.snipcart-details input.button {
    text-decoration: none;
    position: relative;
    width: 100%;
    display: inline-block;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 12px;
    font-weight: 500;
    transition: box-shadow 0.2s ease;
    vertical-align: super;
    background: #84c225;
    cursor: pointer;
    outline: none;
    border: 1px solid #c5c6c7;
    
    text-transform: uppercase;
	background-color: #ff9f00;
    
	border-radius: 5px;
}

.snipcart-details input.button:hover {
    
}

.top-clip-offer {
    position: absolute;
    width: 42px;
    height: 38px;
    top: 3%;
    left: 3%;
    color: #fff;
    background-color: #ff5722;
    border-radius: 50%;
}

.top-clip-text {
    position: absolute;
    top: 4px;
    left: 2px;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
}

.single-clip-offer {
    width: 65px;
    height: 28px;
    color: #fff;
    background-color: #66a918;
    border-radius: 7px;
}

.single-clip-text {
    position: relative;
    top: 7px;
    left: 9px;
    width: 49px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
}

.footer-main {
    background-color: #fffffe;
    
}

.product_list_header input.button {
    color: #fff;
    font-size: 14px;
    outline: none;
    text-transform: capitalize;
    padding: 0.5em 2.5em 0.5em 1em;
    border: 1px solid #fe9126;
    margin: 0.35em 0 0;
    background: url(../images/cart.png) no-repeat 116px 9px;
}

#PPminicartk form {
    width: 400px !important;
    padding: 0 !important;
    max-height: 45rem !important;
    background: #fff !important;
}

#PPminicartk .minicartk-details-name {
    float: left;
    width: 50%;
}

#PPminicartk .minicartk-closer {
    float: right;
    margin: -2px 1px 0 !important;
    background: 0;
    border: 0;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}

#PPminicartk ul {
    width: 100% !important;
    max-height: 20rem;
    overflow-y: scroll;
    overflow-x: hidden;
    border: none !important;
    box-shadow: none !important;
}

#PPminicartk .minicartk-item a {
    color: #212121 !important;
    font-size: 1em;
    display: block;
    margin-bottom: 0.5em;
    text-transform: capitalize;
}

#PPminicartk .minicartk-item {
    min-height: 60px !important;
}

#PPminicartk .minicartk-attributes li {
    color: #999;
}

#PPminicartk .minicartk-remove {
    background: #b50000 !important;
    border: 1px solid #b51800 !important;
    opacity: 1 !important;
    outline: none;
}

#PPminicartk .minicartk-submit {
    color: #fff !important;
    background: #3d6310 !important;
    padding: 0 10px !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    outline: none;
    transition: 0.5s all;
    right: 0 !important;
    border: none !important;
    border-radius: 0px !important;
    text-shadow: none !important;
}

#PPminicartk .minicartk-subtotal {
    bottom: 15px !important;
}

#PPminicartk .minicartk-closer {
    float: right;
    margin: -12px -10px 0;
    padding: 0px !important;
    background: 0;
    border: 0;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}

* {
  box-sizing: border-box;
}

/* Style the search field */
form.example input[type=text] {
  padding: 10px;
    font-size: 14px;
    border: none;
    border-bottom: 2px solid #3e76e0;
    float: left;
    width: 80%;
    background: #fffffe;
}

/* Style the submit button */
form.example button {
  float: left;
    width: 20%;
    padding: 10px;
    background: #fffffe;
    color: #3e76e0;
    font-size: 14px;
    border: none;
    border-bottom: 2px solid #3e76e0;
    border-left: none;
    cursor: pointer;
    margin-bottom: 10px;
    font-weight: 800;
}

form.example button:hover {
  background: #fffffe;
}

/* Clear floats */
form.example::after {
  content: "";
  clear: both;
  display: table;
}

#PPminicartk {
    right: 3% !important;
    left: auto !important;
    z-index: 1002;
}

.minicartk-showing #PPminicartk form {
    overflow-x: hidden;
    overflow-y: hidden;
	display: none;
}

#PPminicartk .minicartk-footer {
    position: relative;
    width: 100%;
    height: 1rem;
    padding: 1rem 0.6rem;
    display: block;
}

img.product-img-orders {
    width: auto;
    height: 50px;
    display: block;
    margin: auto;
}

.agileits_search span {
    color: #777 !important;
	font-size: 13px;
    font-weight: 500;
}

.product-men {
    position: relative;
    padding: 0 3px;
    margin-bottom: 0.4rem;
}

.posts-right.blog-content {
    padding-left: 1rem;
}

span.mul-qty {
    font-size: 14px;
    color: #404040;
    font-weight: 400;
}

.men-pro-item {
    
       position: relative;
    /* padding: 20px 15px; */
   
}
.men-pro-item1 {
   position: relative;
    padding: 15px;
   
    box-shadow: 0 2px 4px 0 #FFF; 
    border: 1px solid #FFF; 
   
}
.men-pro-item1:hover {
    position: relative;
    padding: 15px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%); 
    border: 1px solid #eaeaea; 
}


#PPminicartk .minicartk-submit {
    padding: 6px;
}

#PPminicartk .minicartk-submit img {
    vertical-align: middle;
    padding: 4px 0 0 2px;
    display: none;
}


/*-- effect on products --*/

.men-cart-pro {
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.5s ease-out 0s;
    visibility: hidden;
}

.product-new-top {
    
    color: #fff;
    right: 2%;
    position: absolute;
    top: 3%;
    width: 32px;
    font-size: 13px;
    padding: 7px;
    height: 32px;
    text-align: center;
    border-radius: 50%;
    line-height: 3.3;
   
}

.inner-men-cart-pro {
    height: 100%;
    position: relative;
    width: 100%;
    transition: all 0.5s ease-out 0s;
}

.inner-men-cart-pro ul {
    left: 0;
    margin: -60px 0 0;
    padding: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    transition: all 0.5s ease-out 0s;
}

.inner-men-cart-pro .link-product-add-cart {
    width: 100%;
    bottom: -40px;
    left: 0;
    position: absolute;
    transition: all 0.5s ease-out 0s;
}

.card-category .offer_badge {
    position: absolute;
    color: #FFF;
    font-size: 15px;
    
    width: 100%;
    text-transform: uppercase;
    height: 38px;
    background-size: 100%;
    text-align: center;
    padding: 8px 0 0;
    top: 0;
    background-color: #84c225;
    font-family: 'Roboto', sans-serif;
    border-radius: 5px;
}

.link-product-add-cart {
    background: #141514d6;
    color: #fff;
    display: inline-block;
    height: 40px;
    border-radius: 5px;
    line-height: 40px;
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
}

.inner-men-cart-pro>ul>li {
    display: inline-block;
}

.inner-men-cart-pro ul li a {
    color: #fff;
    transition: all 0.5s ease-out 0s;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
}

.men-thumb-item:hover {
    cursor: pointer;
}

.men-thumb-item:hover::before {
    opacity: 1;
    visibility: visible;
}

.men-thumb-item:hover .men-cart-pro {
    opacity: 1;
    visibility: visible;
}

.men-thumb-item:hover .inner-men-cart-pro ul {
    margin: 20px 0 0;
}

.inner-men-cart-pro ul li a:hover {
    background: #ffc229 none repeat scroll 0 0;
}

.inner-men-cart-pro .link-product-add-cart {
    width: 61%;
    top: 0;
    left: 17%;
    margin: 0 auto;
    position: absolute;
    transition: all 0.5s ease-out 0s;
}

button#register-btn {
    border: none;
    outline: none;
    width: 150px;
    margin-bottom: 15px;
}

.xrerror {
    width: 100%;
    display: block;
    color: red;
}

.mr-2 {
    margin-right: 5px;
}

.span-11 {
    width: 30px !important;
    height: 30px !important;
    margin-right: 9px;
}

.align-center {
    align-items: center;
}

a.button.wish-button.wish-button2.fav-btn {
    padding: 0;
    border: none;
    box-shadow: none;
    background: none;
}

div.heart span {
    display: table-cell;
    width: 33px;
    height: 18px;
    transition-duration: 1s;
    background: url(../images/icon/fav.svg) no-repeat;
    background-size: contain;
    margin-top: 1px;
    
}

div.heart:hover span {
    transition-duration: 1s;
    background: url(../images/icon/fav-hover.svg) no-repeat;
    background-size: contain;
}

.fav-btn.active div.heart span {
    transition-duration: 1s;
    background: url(../images/icon/fav-hover.svg) no-repeat;
    background-size: cover;
}

.fav-btn.loading div.heart span {
    transition-duration: 1s;
    background: url(../images/icon/fav-hover.svg) no-repeat;
    background-size: cover;
}

button.checkout-btn {
    outline: none;
    background: #ffffff;
    font-weight: 500;
    border: none;
    padding: 8px;
    font-size: 12px;
    color: #ca2626;
    border-radius: 3px;
    border: 1px solid #dcdcdc;
}

button.checkout-btn.save {
    background: #ffffff;
    color: #3b6707;
}

.wish-div>.wish-button {
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 2px;
    color: #212121;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: 500;
    transition: box-shadow 0.2s ease;
    vertical-align: super;
    background: #fff;
    cursor: pointer;
    outline: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #0f73a0;
    color: orange;
    background: #d6d6d6;
    border: 1px solid #cccbcb;
    color: #796e6e;
}

.men-thumb-item:hover .inner-men-cart-pro .link-product-add-cart {
    top: 60%;
}

.link-product-add-cart:hover {
    background: #141514;
    color: #fff;
}


/*-- //effect on products --*/


/*-- product left --*/

.ads-list {
    width: 33.333%;
    float: left;
}

.select-box {
    background: rgba(255, 76, 76, 0.66);
    padding: 30px 30px;
    margin: 40px 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.ads-list label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin-bottom: 6px;
}

.ads-list select {
    width: 70%;
    outline: none;
    color: #000;
    font-size: 15px;
    border: 1px solid #eee;
    padding: 7px 8px;
}

.btn-group.bootstrap-select.show-tick button {
    padding: 8px 10px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 260px;
}

#custom-search-input {
    padding: 3px;
    border: solid 1px #d1e0ee;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    background-color: #fff;
    width: 80%;
    color: #000;
}

#custom-search-input input {
    border: 0;
    box-shadow: none;
}

#custom-search-input button {
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search {
    font-size: 23px;
}

.input-lg {
    height: 29px;
    padding: 0px 10px;
    font-size: 15px;
    line-height: 1.3333333;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

#custom-search-input .glyphicon-search {
    font-size: 16px;
}

.btn-default {
    border-color: #d1e0ee;
}

.btn {
    display: inline-block;
}

.search-hotel input[type="search"] {
    background: #fff;
    border: none;
    width: 81%;
    outline: none;
    padding: 11px 10px 10px 10px;
    font-size: 13px;
    color: #c4c4c4;
}

.search-hotel form input[type="submit"] {
    background: url(../images/search.png) no-repeat 13px 11px #1accfd;
    width: 44px;
    height: 39px;
    border: none;
    padding: 0;
    margin-top: 0;
}

.search-grid-left {
    padding: 15px;
    background: #f5f4f0;
}

h3.agileits-sear-head {
    color: #222222;
    margin-bottom: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Roboto', sans-serif;
    
    padding: 12px 0px;
}

.search-hotel {
    padding: 15px 0;
    border-bottom: 1px solid #e5e3db;
}


/*-- Slider range --*/

ul.dropdown-menu6,
ul.dropdown-menu5 {
    margin: 0;
    position: relative;
}

ul.dropdown-menu6 li {
    list-style: none;
}

ul.dropdown-menu6 li p {
    width: 100%;
}

span.amount {
    color: #ffffff;
    font-size: 16px;
}

input#amount,
input#amount1 {
    font-size: 13px;
    outline: none;
    background: none;
    word-spacing: 1em;
    color: #000 !important;
    position: absolute;
    left: 0%;
    top: -27px;
    margin-top: -10px;
}

.range,
.w3-brand-select,
.w3ls-featured-ads {
    padding: 25px 0 30px 0;
    border-bottom: 1px solid #e5e3db;
}

.side-bar {
    background-color: #fdfdfd;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
    width: 16%;
    padding: 15px;
}


/*-- //Slider range --*/


/*-- check input --*/

.left-side ul li {
    display: inline-block;
    width: 100%;
    margin-bottom: 6px;
    margin-left: 8px;
}

input.checked {
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

.left-side ul li span {
    font-size: 13px;
    color: #000;
    
    margin-left: 3px;
    vertical-align: top;
    font-weight: 500;
}

.left-side {
    margin-top: 0px;
    padding: 5px 0px 12px 6px;
    border-bottom: 1px solid #e5e3db;
}


/*-- //check input --*/


/*-- customer --*/

.customer-rev ul li i {
    color: #ffc107;
}

.customer-rev ul li {
    list-style: none;
}

.customer-rev ul li a span {
    color: #000;
    font-weight: normal;
    font-size: 14px;
    margin-left: 8px;
}


/*-- //customer --*/


/*-- special deals --*/

.img-deal1 {
    padding: 0 0.5em;
    margin-top: 10px;
}

.img-deal1 h3 {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

.img-deal1 a {
    font-size: 18px;
    color: #d60404;
}

.special-sec1:nth-child(3),
.special-sec1:nth-child(5) {
    margin: 15px 0;
}


/*-- //special deals --*/


/*-- //product left --*/


/*-- product right --*/


/*-- nuts --*/

.product-sec1 {
    padding: 0px 0px;
    margin-bottom: 14px;
    /* background-color: #fdfdfd; */
    /* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%); */
    /* border: 1px solid #eaeaea; */
    margin-left: 10px;
}

h3.heading-tittle {
        color: #211f1f;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
    padding: 15px 12px;
    background-color: white;
}

.view-more {
    width: 100%;
    display: inline-block;
}

.men-thumb-item {
    text-align: center;
}



span.starRating.single-p {
    width: fit-content;
}

.item-info-product h4 {
   
    display: flex;
    align-items: self-end;
}

.item-info-product h4 a {
    color: #000000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 5px 0px;
        height: 1.9rem;
}

.item-info-product h4 a:hover {
    color: #3e76e0;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin: 5px 0px;
    height: 1.9rem;
}

.adsclassified {
    text-align: center;
    margin: 25px 5px;
    max-width: 100%;
    padding-right: 15px;
}

.adsclassified>a>img {
    margin: auto;
    max-height: 250px;
    max-width: 100%;
}

.info-product-price {
    margin: 0 0 12px 0;
}

span.item_price {
    font-size: 19px;
    color: #333;
    font-weight: 600;
}

.info-product-price del {
    font-weight: 300;
    margin-left: 13px;
    font-size: 15px;
}

.product-sec1.product-sec2 {
    background: url(../images/bg1.jpg) no-repeat 0px 0px;
    background-attachment: fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    position: relative;
}

.effect-bg {
    margin-top: 40px;
}

.effect-bg h3 {
    color: #fff;
    font-size: 47px;
    letter-spacing: 3px;
    font-weight: 500;
}

.effect-bg h6 {
    font-size: 18px;
    letter-spacing: 2px;
    margin: 18px 0;
    color: #fff;
}

.effect-bg p {
    color: #000;
}

h3.w3l-nut-middle {
    position: absolute;
    right: 30%;
    bottom: 46%;
    font-size: 35px;
    font-weight: 800;
    color: rgba(10, 10, 10, 0.38);
    transform: rotate(-64deg);
    -ms-transform: rotate(-64deg);
    /* IE 9 */
    -webkit-transform: rotate(-64deg);
}

.calc-table {
    width: 100%;
}

.calc-table tr td {
    padding: 0.5rem 0;
	font-size: 15px;
}

.calc-table tr td:nth-child(2) {
    text-align: right;
}

.cart-totals {
    position: sticky;
    top: 4rem;
    
}

.cart-div-left {
    padding-top: 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
        padding: 15px;
}

.cart-div-right {
    background: #ffffff;
    padding: 0rem 0.5rem 1rem 1rem;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
    margin-left: 5px;
}


/*-- //nuts --*/

.ads-grid,
.footer,
.contact-w3l,
.w3_wthree_agileits_icons,
.typo,
.faqs-w3l,
.terms-of-use,
.welcome,
.about,
.banner-bootom-w3-agileits,
.privacy {
    padding: 0px 0;
}

.cart-singlep {
    
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 1rem;
    margin-left: 0;
}

.accorden_btn h3 {
    font-size: 15px;
    display: flex;
    align-items: center;
}

.accorden_btn1 .img-icon1::after {
    content: "";
    float: right;
    background: url(../images/icon/down-arrow.svg);
    background-size: contain;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    right: 0;
    position: absolute;
}

.accorden_btn1.collapsed .img-icon1::after {
    transform: rotate(0deg);
}

.creditly-card-form .submit {
    color: white !important;
}

.accorden_btn {
    width: 100%;
    outline: none;
    border: none;
    background: none;
    padding: 0.7rem;
    border-bottom: 1px solid #dcdcdc;
    text-align: left;
}

.accorden_btn1 {
    width: 100%;
    outline: none;
    border: none;
    background: none;
    padding: 0;
    text-align: left;
}


/*-- tittle heading --*/

h3.tittle-w3l {
    color: #555;
    margin: auto;
    font-size: 18px;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
    margin-top: 10px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 25px;
}

span.heading-style {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -4px;
    display: none;
    z-index: 1;
    line-height: 0px;
}

.heading-style i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ff5722;
    margin: 0 -4px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.heading-style i:nth-child(2) {
    width: 12px;
    height: 12px;
    background-color: #1accfd;
}

h3.tittle-w3l:after {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 41.5%;
    width: 200px;
    height: 1px;
    background-position: 0px 0px;
}


/*-- //tittle heading --*/


/*-- //product right --*/


/*-- special-offers --*/

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    list-style-type: none;
}

.nbs-flexisel-inner {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

.nbs-flexisel-item {
    float: left;
    position: relative;
    line-height: 0px;
}

.nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    list-style-type: none;
}

.nbs-flexisel-inner {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

.nbs-flexisel-item {
    float: left;
    position: relative;
    line-height: 0px;
}

.nbs-flexisel-item>img {
    cursor: pointer;
    position: relative;
}


/*---- Navigation ---*/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 32px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 0px;
    background: url(../images/left.png) no-repeat -0px 0px;
}

.nbs-flexisel-nav-right {
    right: 0px;
    background: url(../images/right.png) no-repeat -0px 0px;
}

.comment-icons ul li span {
    background: url(../images/iconsprite.png) no-repeat 0px 0px;
    margin-right: 10px;
    display: inline-block;
    width: 12px;
    height: 20px;
    vertical-align: middle;
}

.comment-icons li {
    margin-right: 10px;
    float: left;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c5c5c5;
}

.comment-icons ul {
    list-style: none;
}

.recent-blogs {
    height: 200vh;
    overflow-y: scroll;
    display: block !important;
}

.comment-icons {
    border-top: 1px dashed #2f6818;
    border-bottom: 1px dashed #2f6818;
    padding: 2em 0;
    padding-top: 1rem;
    margin: 2em 0 3em 0;
}

.comment-icons ul li span.clndr {
    background: url(../images/iconsprite.png) no-repeat -19px -2px;
    width: 17px;
}

.comment-icons ul li span.admin {
    background: url(../images/iconsprite.png) no-repeat 0px -25px;
    width: 15px;
    height: 20px;
}

.posts-left.sngl-img {
    overflow: hidden;
}

.posts-right.blog-content p {
    font-size: 14px;
    color: #525151;
    margin-bottom: 10px;
    font-weight: 500;
    /* font-family: roboto; */
    /* color: #542f1d; */
    font-size: 14px;
    text-shadow: 1px 1px 0px #fff;
    margin: 0px 0 15px 0;
    line-height: 1.8em;
}

.posts-right.blog-content h5 a {
    font-size: 20px;
    margin-bottom: 9px;
    display: block;
    color: #254205;
    text-transform: uppercase;
    font-weight: 400;
}

.recent-posts-info {
    margin-bottom: 10px;
}

.posts-right.blog-content label {
    margin: 10px 0;
    color: #4a4a4a;
    /* margin: 0 0 0px 0; */
    font-size: 1em;
    color: #333333;
    line-height: 1.6em;
}

.recent-posts h4 {
    font-size: 24px;
    margin-bottom: 12px;
}

.img-blog-sm {
    width: 100%;
    height: 211px;
    height: 200px;
    width: 100%;
}

.blog-img>img {
    width: 100%;
    height: auto;
    border-radius: 5px;
        padding-bottom: 8px;
}

.incredients-heading {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #0f130f;
    font-weight: 500;
    border-bottom: 1px dotted #e8e8e4;
    padding: 8px 0px;
}

.input-label1 {
    position: absolute;
    left: 40%;
    right: 40%;
    bottom: 2%;
}

h3.tittle-w3l1 {
        margin: auto;
    font-size: 18px;
    margin-bottom: 6px;
    position: relative;
    padding-bottom: 15px;
    margin-top: 0px;
    width: 50%;
    text-transform: uppercase;
    text-align: center;
    color: #138813;
}

.snglp ul li {
    padding: 5px;
    font-size: 1.1rem;
    font-weight: 500;
}

.overlay1 {
    background: url(../images/icon/loading.gif) no-repeat 0px 0px;
    position: absolute;
    left: 40%;
    top: 40%;
    bottom: 50%;
    right: 0;
    z-index: 100;
    background-size: contain;
    background-position: center;
    width: 5rem;
    height: 5rem;
}

.featured-section {
    padding-bottom: 5em;
}

.product-name-w3l h4 a {
    color: #000;
    font-size: 16px;
    height: 30px;
    display: wblock;
}

.w3l-pricehkj {
    margin: 13px 0 20px;
}

.w3l-pricehkj h6 {
    color: #ff5722;
    font-size: 21px;
}

.autocomplete {
    width: 250px;
}

.w3l-pricehkj p {
    color: #38393a;
    font-size: 14px;
    margin-top: 10px;
}

.product-name-w3l .snipcart-details {
    width: 100%;
}

.product-name-w3l .snipcart-details input.button {
    padding: 20px 0;
}

.w3l-specilamk {
    border: 1px solid #cacaca;
    padding: 20px;
    margin: 0 10px;
    box-shadow: 1px 0px 8px #dad6d6;
    border-radius: 10px;
}

.speioffer-agile {
    text-align: center;
}

.product-name-w3l {
    margin-top: 20px;
}


/*-- //special-offers --*/


/*-- newsletter --*/

.footer-top input[type="email"] {
    display: inline-block;
    background: #f5f5f5;
    border: none;
    width: 72%;
    outline: none;
    padding: 14px;
    font-size: 17px;
    color: #000;
    letter-spacing: 1px;
}

.footer-top input[type="submit"] {
    outline: none;
    color: #ffffff;
    padding: 14px;
    font-size: 17px;
    letter-spacing: 1px;
    width: 18%;
    background: #ff5722;
    border: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.footer-top input[type="submit"]:hover {
    background: #1accfd;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.footer-top {
    background: rgb(28, 34, 36);
}

.agile-leftmk {
    padding: 4em 0 3em 3em;
    position: relative;
}

.footer-top h2 {
    font-size: 34px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 500;
}

.footer-top p {
    font-size: 18px;
    color: #fff;
    margin: 15px 0 40px;
}

.newsform-w3l span {
    position: absolute;
    font-size: 150px;
    color: #888686;
    opacity: 0.3;
    right: 8%;
    top: 7%;
    transform: rotate(-31deg);
    -ms-transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
}


/*-- //newsletter --*/


/*-- footer --*/

p.footer-main {
    color: #383737;
    font-size: 15px;
    margin-bottom: 40px;
}

p.footer-main span {
    font-weight: 600;
}

.icon-fot {
    text-align: center;
}

.icon-fot span {
    font-size: 22px;
    color: #ff5722;
    margin-top: 12px;
}

.text-form-footer {
    padding: 0;
}

.text-form-footer h3 {
    color: #000;
    font-size: 13px!important;
    letter-spacing: 0px;
}

.w3l-grids-footer {
        padding: 10px 0;
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

.footer-info.w3-agileits-info {
   padding: 50px 0 45px 0;
}

.footer-info h3 {
    color: #555;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 14px;
    font-weight: 400;
}

.footer-grids ul li {
    display: block;
    font-size: 14px;
    margin: 5px 0 0;
}

.footer-grids ul li a {
    padding: 1px;
    transition: 0.5s all;
    font-size: 12px;
    color: #5d5959;
    font-weight: 400;
    margin-bottom: 0px;
    display: block;
    padding-right: 13px;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
	
}

.footer-grids {
    padding-left: 0;
}

.footer-grids ul li a:hover {
    color: #141514;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}

.footer-grids ul li i {
    color: #141514;
    padding-right: 10px;
}

.footer-grids.agile-secomk {
    margin-top: 34px;
}


/*-- social-icons --*/

.footer-grids.w3l-socialmk ul li {
    display: inline-block;
    margin: 0;
}

.footer-grids.w3l-socialmk ul li:nth-child(2) {
    margin: 0 10px;
}

.social_icons {
    text-align: center;
}

.social a {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    text-align: center;
}

.social .fb {
    background: #6788ce;
}

.social .whatsapp {
    background: #21bb02;
}

.social .tw {
    background: #00acee;
}

.social .gp {
    background: #dd4b39;
}

.social .pin {
    background: #fe4445;
}

.social .db {
    background: #f85993;
}

.social .rss {
    background: #ff9845;
}

.social .lin {
    background: #3a9bdc;
}

.social ul li a i {
    color: #fff;
    line-height: 34px;
    font-size: 1em;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    padding: 0;
}


/*-- //Social-Icons --*/


/*-- download app --*/

.agileits_app-devices {
    margin-top: 20px;
}

.agileits_app-devices h5 {
    color: #ff5722;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.agileits_app-devices a {
    margin-top: 10px;
    display: inline-block;
}


/*-- //download app --*/


/*-- footer text --*/

.sub-some:nth-child(2),
.sub-some:nth-child(3),
.sub-some:nth-child(4) {
    margin-top: 25px;
}

.sub-some h5 {
     color: #545454;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-weight: 400;
}

.sub-some p {
    font-size: 13px;
    letter-spacing: 0px;
}

.sub-some ul li {
    display: inline-block;
    margin: 1px 5px;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #3e76e0;
    border-radius: 10px;
}

.sub-some ul li a {
    transition: 0.5s all;
    font-size: 13px;
    margin-bottom: 7px;
    display: block;
    padding-right: 0px;
    color: #5d5959;
    font-weight: 400;
    line-height: 1.42857143;
}

.child-momu ul li {
    margin: 1px;
}


/*-- //footer text --*/


/*-- //footer --*/


/*-- copyright --*/

.copy-right {
    padding: 15px 15px;
    background: #000000;
}

.copy-right p {
    color: #f5f5f5;
    font-size: 12px;
    font-weight: 600;
}

.copy-right p a {
    color: #fff;
}

.copy-right p a:hover {
    color: #f44336;
}


/*-- //copyright --*/


/*-- bottom-to-top --*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 24px;
    right: 1%;
    overflow: hidden;
    z-index: 999;
    width: 64px;
    height: 64px;
    border: none;
    text-indent: 100%;
    background: url("../images/up-arrow.png") no-repeat 0px 0px;
}

#toTopHover {
    width: 64px;
    height: 64px;
    display: block;
    overflow: hidden;
    float: right;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}


/*-- //bottom-to-top --*/


/* contact page */

.page-head_agile_info_w3l {
    background: url(../images/banner2.jpg) no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    min-height: 300px;
}

ul.w3_short li {
    display: inline-block;
    color: #524646;
    font-size: 12px;
    font-weight: 400;
}

ul.w3_short li a {
    color: #777;
    text-decoration: none;
    font-weight: 500;
}

.services-breadcrumb {
    padding: 0;
    text-align: center;
    margin-top: 5px;
    
}

.services-breadcrumb ul li i {
    padding: 0 1em;
}

ul.w3_short {
    text-align: left;
    
}


/*-- contact --*/

.contact-form.wthree {
    margin: 0 auto;
   
    padding: 15px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
    margin-bottom: 25px;
    margin-left:15px;
}

.contact input[type="text"],
.contact input[type="email"],
.contact textarea {
    width: 100%;
    color: #000;
    background: none;
    outline: none;
    font-size: 15px;
    padding: 13px 12px;
    letter-spacing: 1px;
    margin-bottom: 20px;
        border: none;
    border-bottom: solid 1px #f5f5f5;
}

.contact textarea {
    min-height: 12em;
    resize: none;
}
.dnav-text
{
    font-size: 15px!important;
    font-weight: 400!important;
}
.contact input[type="submit"] {
        outline: none;
    color: #fff;
    padding: 10px 42px;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 1em 0 0 0;
    -webkit-appearance: none;
    background: #3e76e0;
    border: 2px solid #3e76e0;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

.contact input[type="submit"]:hover {
    background: none;
    color: #3e76e0;
}

.contact::-webkit-input-placeholder {
    color: #999 !important;
}

.contact:-moz-placeholder {
    /* Firefox 18- */
    color: #999 !important;
}

.contact::-moz-placeholder {
    /* Firefox 19+ */
    color: #999 !important;
}

.contact:-ms-input-placeholder {
    color: #999 !important;
}

.contact-right h4 {
    font-size: 30px;
    color: #ff5722;
    letter-spacing: 1px;
}

.contact-text {
    padding: 0rem 3em;
}

.contact-right.wthree {
    margin-top: 70px;
}

.contact-text p {
    margin-bottom: 20px;
    text-align: left;
    display: flex;
    padding: 15px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
    border: 1px solid #eaeaea;
}

.contact-text p a {
    color: #333;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
}

.contact-text p a:hover {
    color: #999;
}

.contact-text p i.fa {
    margin-right: 18px;
    color: #3e76e0;
    font-size: 21px;
}

.map iframe {
    width: 100%;
    min-height: 400px;
    border: 8px solid #ff5722;
    padding: 10px;
    display: inherit;
}


/*-- //contact --*/


/*-- icons --*/

.codes a {
    color: #999;
}

.icon-box {
    padding: 8px 15px;
    background: rgba(149, 149, 149, 0.18);
    margin: 1em 0 1em 0;
    border: 5px solid #ffffff;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    cursor: pointer;
}

.icon-box:hover {
    background: #000;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}

.icon-box:hover i.fa {
    color: #fff !important;
}

.icon-box:hover a.agile-icon {
    color: #fff !important;
}

.codes .bs-glyphicons li {
    float: left;
    width: 12.5%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
}

.codes .bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}

.codes .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777;
}

.codes .bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

h3.icon-subheading {
    font-size: 28px;
    color: #ff5722 !important;
    margin: 30px 0 15px;
    font-weight: 600;
    letter-spacing: 2px;
}

h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}

.icons a {
    color: #999;
}

.icon-box i {
    margin-right: 10px !important;
    font-size: 20px !important;
    color: #282a2b !important;
}

.bs-glyphicons li {
    float: left;
    width: 18%;
    height: 115px;
    padding: 10px;
    line-height: 1.4;
    text-align: center;
    font-size: 12px;
    list-style-type: none;
    background: rgba(149, 149, 149, 0.18);
    margin: 1%;
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #282a2b;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

@media (max-width: 991px) {
    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 22px;
    }
    
    .header-bot_inner_wthreeinfo_header_mid {
    width: 76%;
}
    

}

@media (min-width: 768px) {
    #sidebar-wrapper {
        width: 250px;
    }
    .agileits_search form {
        display: flex;
    }
    
        .header-md .agileits_search {
    width: 52%!important;
    padding: 0;
    margin-left: 65px;
}

.top_nav_right {
    float: right;
    width: 35%;
}
    
    
}

@media (max-width: 768px) {
    #sidebar-wrapper {
        width: 100%;
    }
    .sidebar-products-filter {
        position: initial !important;
        padding: 0;
    }
    .top_nav_right {
        float: left;
        width: auto !important;
        margin: auto;
    }
    .box_1 {
        text-align: center;
        border-radius: 9px;
        align-items: center;
        display: flex;
        margin-left: 15px;
    }
    .agileits_search {
        width: 100%;
        padding: 0;
    }
    .top_nav_right.col-md-5>ul {
        display: flex;
        list-style: none;
    }
    .image-hide
{
   display:none; 
}
    .header ul li {
        width: 100% !important;
        padding: 3px 0;
    }
    .top_nav_right {
        float: left;
        width: 100%;
    }
    .product-sec1 div {
       
    }
    img.product-img-orders {
    width: auto;
    height: 75px;
    display: block;
    /* margin: auto; */
}
    table.dataTable>tbody>tr.child span.dtr-title {
    width: 2rem !important; 
}
table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-block;
    min-width: 75px;
    font-weight: 12px;
}
    .men-pro-item1 {
    position: relative;
    padding: 15px;
    border-radius: 0px;
   
    display: inline-flex;
    width: 100%;
    box-shadow: 0 2px 4px 0 #fff;
    border: 1px solid #eee;
}
.product-img {
    width: 150px;
    padding: 15px;
}

.card-category .offer_badge {
    position: absolute;
    color: #FFF;
    
    width: 100%;
    font-size:10px;
    text-transform: uppercase;
    height: 38px;
    background-size: 100%;
    text-align: center;
    padding: 8px 0 0;
    top: 0;
    background-color: #84c225;
    font-family: 'Roboto', sans-serif;
    border-radius: 5px;
}
    .category-top {
        padding: 0 !important;
    }
    .snipcart-details {
        width: 100% !important;
    }
    .item-info-product {
        width: 100%;
    }
    .wish-div input {
        width: 100%;
    }
    #wrapper:not(.toggled) .toggle-overlay {
        margin: 0px !important;
    }
    #page-content-wrapper {
        padding: 0px !important;
    }
    .agileits_search {
        width: 100%;
        padding: 0;
    }
    .agileits_search form {
        width: 103%;
        display: flex;
    }
    .pincode-box {
        width: 100%;
    }
    .agileits_search form input {
        height: 40px;
        width: 100%;
    }
    .agileits_search form button {
        width: 54px !important;
        border-radius: 0 !important;
    }
    h3.agileits-icons-title {
        font-size: 28px;
    }
    h3.icon-subheading {
        font-size: 25px;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .icon-box {
        margin: 0;
    }
}

@media (max-width: 640px) {
    .accorden_btn1 {
        width: 100%;
        display: block;
    }
    .sm-mt-5 {
        margin-top: 5rem;
    }
    .profile-tab-right {
        float: left;
        border: 1px solid #dcdcdc;
        background-color: #ffffff;
        width: 100%;
        /* margin: 0% 2%; */
        display: block;
        padding: 1.1rem;
        margin-top: 1rem;
       
        box-shadow: none !important;
    }
    .profile-tab {
        float: left;
        border: 1px solid #f3eded;
        background-color: #ffffff;
        width: 100% !important;
        display: none;
    }
    
    .rewards .nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    width: 100%;
    text-align: center;
}

    .icon-box {
        float: left;
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .col-md-6 .state-div {
        height: 25rem;
        width: 63.5rem;
    }
}

@media (max-width: 480px) {
    .card-category h5 {
        font-size: 16px;
        text-align: center;
        margin: 20px 0px 10px 0px;
        font-weight: 800;
        color: #3f5f0f;
        height: 2rem;
    }
    .cart-totals {
        margin-top: 1rem;
        padding: 0;
    }
    .p-details-cart-grid {
        display: grid;
        margin: auto;
        align-items: center;
        width: fit-content;
    }
    .bs-glyphicons li {
        width: 31%;
    }
}

@media (max-width: 414px) {
    h3.agileits-icons-title {
        font-size: 23px;
    }
    h3.icon-subheading {
        font-size: 18px;
    }
    .bs-glyphicons li {
        width: 31.33%;
    }
}

@media (max-width: 384px) {
    .icon-box {
        float: none;
        width: 100%;
    }
}


/*-- //icons --*/


/*-- Codes --*/

.well {
    font-weight: 300;
    font-size: 14px;
}

.list-group-item {
    font-weight: 300;
    font-size: 14px;
}

li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}

.typo p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}

.show-grid [class^="col-"] {
    background: #fff;
    text-align: center;
    margin-bottom: 10px;
    line-height: 2em;
    border: 10px solid #f0f0f0;
}

.show-grid [class*="col-"]:hover {
    background: #e0e0e0;
}

.grid_3 {
    margin-bottom: 2em;
}

.xs h3,
h3.m_1 {
    color: #000;
    font-size: 1.7em;
    font-weight: 300;
    margin-bottom: 1em;
}

.grid_3 p {
    color: #999;
    font-size: 0.85em;
    margin-bottom: 1em;
    font-weight: 300;
}

.grid_4 {
    background: none;
}

.label {
    font-weight: 300 !important;
    border-radius: 4px;
}

.grid_5 {
    background: none;
    padding: 2em 0;
}

.grid_5 h3,
.grid_5 h2,
.grid_5 h1,
.grid_5 h4,
.grid_5 h5,
h3.hdg,
h3.bars {
    margin-bottom: 1em;
    color: #ff5722;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 2px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-top: none !important;
}

.tab-content>.active {
    display: block;
    visibility: visible;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 0;
}

.badge-primary {
    background-color: #03a9f4;
}

.badge-success {
    background-color: #22cdf3;
}

.badge-warning {
    background-color: #ffc107;
}

.badge-danger {
    background-color: #e51c23;
}

.grid_3 p {
    line-height: 2em;
    color: #888;
    font-size: 0.9em;
    margin-bottom: 1em;
    font-weight: 300;
}

.bs-docs-example {
    margin: 1em 0;
}

section#tables p {
    margin-top: 1em;
}

.tab-container .tab-content {
    border-radius: 0 2px 2px 2px;
    border: 1px solid #e0e0e0;
    padding: 16px;
    background-color: #ffffff;
}

.odetails-div b {
    width: 100%;
    display: block;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 500;
}

div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    border: 1px solid #dcdcdc;
    outline: none;
    border-radius: 5px;
}

.odetails-div span {
    margin-bottom: 1rem;
    font-size: 0.9rem;
}

.odetails-div {
    
    padding: 2rem;
    
    z-index: 100;
   
       
}

.tab-content>.active {
    display: block;
    visibility: visible;
}

.label {
    font-weight: 300 !important;
}

.label {
    padding: 4px 6px;
    border: none;
    text-shadow: none;
}

.alert {
    font-size: 0.85em;
}

h1.t-button,
h2.t-button,
h3.t-button,
h4.t-button,
h5.t-button {
    line-height: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

li.list-group-item1 {
    line-height: 2.5em;
}

.input-group {
    margin-bottom: 20px;
}

.in-gp-tl {
    padding: 0;
}

.in-gp-tb {
    padding-right: 0;
}

.list-group {
    margin-bottom: 48px;
}

.typo ol {
    margin-bottom: 44px;
}

h2.typoh2 {
    margin: 0 0 10px;
}

@media (max-width: 768px) {
    .grid_5 {
        padding: 0 0 1em;
    }
    .grid_3 {
        margin-bottom: 0em;
    }
}

@media (max-width: 640px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3 {
        margin-top: 0px;
        margin-bottom: 0px;
        margin-bottom: 2px;
        font-size: 1.5rem;
    }
    .grid_5 h3,
    .grid_5 h2,
    .grid_5 h1,
    .grid_5 h4,
    .grid_5 h5,
    h3.hdg,
    h3.bars {
        margin-bottom: 0.5em;
    }
    .progress {
        height: 10px;
        margin-bottom: 10px;
    }
    ol.breadcrumb li,
    .grid_3 p,
    ul.list-group li,
    li.list-group-item1 {
        font-size: 14px;
    }
    .breadcrumb {
        margin-bottom: 25px;
    }
    .well {
        font-size: 14px;
        margin-bottom: 10px;
    }
    h2.typoh2 {
        font-size: 1.5em;
    }
    .label {
        font-size: 60%;
    }
    .in-gp-tl {
        padding: 0 1em;
    }
    .in-gp-tb {
        padding-right: 1em;
    }
}

@media (max-width: 480px) {
    .grid_5 h3,
    .grid_5 h2,
    .grid_5 h1,
    .grid_5 h4,
    .grid_5 h5,
    h3.hdg,
    h3.bars {
        font-size: 1.2em;
    }
    .table h1 {
        font-size: 26px;
    }
    .table h2 {
        font-size: 23px;
    }
    .table h3 {
        font-size: 20px;
    }
    .label {
        font-size: 53%;
    }
    .alert,
    p {
        font-size: 14px;
    }
    .pagination {
        margin: 20px 0 0px;
    }
    .grid_3.grid_4.w3layouts {
        margin-top: 25px;
    }
}

@media (max-width: 320px) {
    .grid_4 {
        margin-top: 18px;
    }
    h3.title {
        font-size: 1.6em;
    }
    .alert,
    p,
    ol.breadcrumb li,
    .grid_3 p,
    .well,
    ul.list-group li,
    li.list-group-item1,
    a.list-group-item {
        font-size: 13px;
    }
    .alert {
        padding: 10px;
        margin-bottom: 10px;
    }
    ul.pagination li a {
        font-size: 14px;
        padding: 5px 11px;
    }
    .list-group {
        margin-bottom: 10px;
    }
    .well {
        padding: 10px;
    }
    .nav>li>a {
        font-size: 14px;
    }
    table.table.table-striped,
    .table-bordered,
    .bs-docs-example {
        display: none;
    }
}

h3.title-w3l.w3l-2:before {
    right: 25%;
}


/*-- //Codes --*/


/*-- faq-page --*/

h3.w3-head {
    color: #ff5722;
    font-size: 35px;
    margin: 0 0 35px 0;
}

.faq-w3agile h5,
.privacy-w3row h5 {
    font-size: 20px;
    color: #1e1e1e;
    margin: 16px 0 0;
    letter-spacing: 1px;
}

ul.faq {
    padding-left: 1.5em;
}

.faq-w3agile .faq li {
    margin-top: 2em;
    list-style-type: decimal;
    padding-left: 0.5em;
}

.faq-w3agile .faq>li>a {
    color: #025061;
    font-size: 17px;
    letter-spacing: 0.5px;
}

li.subitem1 p {
    line-height: 25px;
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #000;
}

.faq-w3agile .faq li li.subitem1 {
    display: block;
    margin-top: 1em;
}


/*-- //faq-page --*/


/*-- help page --*/

.wthree-help {
    margin: 65px auto;
}

.wthree-help textarea {
    font-size: 16px;
    color: #000;
    width: 90%;
    border: none;
    padding: 16px;
    border-bottom: solid 1px #1accfd;
    height: 150px;
    outline: none;
}

.wthree-help form input[type="submit"] {
    font-size: 16px;
    color: #fff;
    background: #ff5722;
    outline: none;
    border: none;
    cursor: pointer;
    padding: 12px 45px;
    -webkit-appearance: none;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    transition: 0.5s all;
    margin-top: 20px;
}

.wthree-help form input[type="submit"]:hover {
    background: #1accfd;
    -webkit-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
}

.wthree-help h5 {
    font-size: 25px;
    color: #000;
    margin: 30px 0;
}

.wthree-help a {
    color: #fff;
    padding: 10px 20px;
    background: #1accfd;
    font-size: 16px;
    margin-bottom: 50px;
}


/*-- //help page --*/


/*-- terms-page --*/

.terms h2 {
    font-size: 30px;
    color: #000000;
    letter-spacing: 3px;
}

.dropdown-menu {
    z-index: 1002;
}

.terms h5 {
    margin-top: 10px;
    font-size: 21px;
    letter-spacing: 1px;
    color: #ff5a5a;
}

.terms h6 {
    font-size: 20px;
    color: #000;
    margin: 35px 0 18px 0;
    letter-spacing: 1px;
}

.terms p {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 15px;
    padding-left: 40px;
    letter-spacing: 0px;
}

.terms ol li {
    color: #777;
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
    margin-top: 15px;
}

.terms span {
    color: #000;
    font-weight: 600;
    font-size: 1.3em;
}

.terms-bottom {
    margin-top: 3em;
}


/*-- //terms-page --*/


/*-- about page --*/


/*-- welcome --*/

.welcome-img {
    overflow: hidden;
    -webkit-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 13px rgba(0, 0, 0, 0.5);
}

img.zoom-img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

img.zoom-img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-duration: 750ms;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-duration: 750ms;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -ms-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    overflow: hidden;
}

.w3l-welcome-text p {
    margin: 1em auto 0;
    padding: 0;
    font-size: 15px;
    line-height: 28px;
    color: black;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-align: justify;
}


/*-- //welcome --*/


/*-- video --*/

.about {
    background: rgba(26, 204, 253, 0.23);
}

.wthree_about_grid-left1 {
    text-align: center;
}

.wthree_about_grid-left1 span {
    font-size: 1.5em;
    color: #555;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border: 2px dashed;
    padding: 0.8em;
}

.about h4 {
    font-size: 18px;
    margin: 13px 0;
    color: #171616;
}

.wthree_about_grid {
    margin-top: 3em;
}

.wthree_about_grid-left {
    padding: 0;
}

.wthree_about_grid-right {
    padding: 0.3em 0 0 1em;
}

.about h5 {
    text-transform: capitalize;
    font-weight: 200;
    color: #f44336;
    font-size: 1.3em;
    letter-spacing: 2px;
    margin-bottom: 0.3em;
}

.about iframe {
    width: 100%;
    min-height: 415px;
    border: none;
}


/*-- //video --*/


/*-- //about page --*/


/*-- product page --*/

.w3l-rightpro .product-men {}


/*-- //product page --*/


/*-- single-page --*/

.sign-p {
    margin: 0;
    font-size: 13px;
    color: #292828;
}

.saved-price-single {
    font-weight: 500;
    color: #1d1b1a;
    font-size: 14px;
    margin-top: 3px;
}

.single-right-left h3 {
    font-size: 22px;
    color: #000;
    margin-bottom: 14px;
    font-weight: 500;
    margin-top: 13px;
}

.single-right-left p {
    margin: 5px 0 5px;
    font-size: 14px;
    line-height: 28px;
    color: #222222;
    font-family: 'Roboto', sans-serif;
    text-align: justify;
    font-weight: 400;
}

.single-right-left p label {
       font-size: 13.5px;
    color: #333;
    font-weight: 500;
    letter-spacing: 0.3px;
    font-family: 'Roboto';
}

.single-right-left del {
    font-size: 20px;
    color: #847a7a;
    font-weight: 400;
}


/*-- Ratings --*/

.rating1 {
    direction: ltr;
}

.starRating:not(old) {
    display: inline-block;
    height: 18px;
    width: 100px;
    overflow: hidden;
}

.starRating:not(old)>input {
    margin-right: -26%;
    opacity: 0;
}

.starRating:not(old)>label {
    float: right;
    background: url(../images/star1.png);
    background-size: contain;
    margin-right: 2px;
}

.starRating:not(old)>label:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/star22.png);
    background-size: contain;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.starRating:not(old)>label:hover:before,
.starRating:not(old)>label:hover~label:before,
.starRating:not(:hover)> :checked~label:before {
    opacity: 1;
}


/*-- //Ratings --*/

.single-infoagile ul li {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
}

.product-single-w3l {}

.product-single-w3l p i {
    color: #1accfd;
    margin-right: 11px;
    font-size: 24px;
}

.product-single-w3l p {
    color: #585454;
    margin: 15px 0;
    letter-spacing: 0.5px;
    font-size: 14px;
}

.product-single-w3l ul li {
    list-style: inside;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1.7;
}

.occasion-cart .snipcart-details {
    width: 38%;
    margin: 0;
}


/*-- //single-page --*/


/*-- checkout --*/

.checkout-right h4 {
    color: #ff5722;
    font-size: 27px;
    margin-bottom: 30px;
}

a.edit {
   font-size: 14px;
    cursor: pointer;
    padding: 5px 30px;
    border-radius: 10px;
    color: #3e76e0;
    font-weight: 500;
    text-transform: uppercase;
}

div.address-list {
    margin-left: 1em;
    width: 100%;
}

span.s_name,
span.s_mob {
    color: #313131;
    font-weight: 500;
}

img.img-icon-sm {
    
    height: 20px;
    margin-bottom: 4px;
    margin-right: 1rem;
}

.add_new1 {
        width: 100%;
    text-align: left;
    background: transparent;
    color: #3e76e0;
    font-weight: 500;
    font-size: 15px;
    border: none;
    padding: 1rem;
    outline: none;
}

span.s_type {
    color: #757575;
    background: #e6e7e8;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 13px;
    font-weight: 500;
    margin: 0 5px;
}

.address_line {
    margin-top: 8px;
	    font-size: 14px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.address-ff-d {
    align-items: baseline;
    padding: 1rem;
    border-bottom: 1px solid #dcdcdc;
}
.odetails-div {
    padding: 10px 5px;
    z-index: 100;
    
}
.hide-c
{
    display:none;
}
table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 7rem !important;
}
table.dataTable>tbody>tr.child span.dtr-title {
    
    font-size: 14px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0;
    font-size: 12px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 1px solid #efefef;
    padding: 0.5em 0;
    font-size: 12px;
}
table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    white-space: nowrap;
}

ul.user-settings>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #3e76e0;
    background-color: #f5faff;
    border-radius: 5px;
    font-size: 14px;
	padding-left: 25px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control {
    vertical-align: middle;
}

ul.user-settings.nav-pills>li>a:hover {
    color: #3e76e0;
    background-color: #f5faff;
}

ul.user-settings>li>a,
.nav-pills>li.active>a:focus {
    color: #141514;
    background-color: #fff;
    border-radius: 0;
	font-size: 14px;
	padding-left: 25px;
}

ul.address-list {
    list-style: none;
    
    padding: 10px 10px;
    
    


}

table.timetable_sub {
    width: 100%;
    margin: 0 auto;
}

.timetable_sub th {
    background: #000;
    color: #fff;
    font-size: 14px;
    border-right: 1px solid #ded2d2;
    text-align: center;
    padding: 12px 0;
    letter-spacing: 1px;
    font-weight: normal;
}

.timetable_sub td {
    text-align: center;
    padding: 7px;
    font-size: 14px;
    color: #212121;
}

.timetable_sub td {
    border: 1px solid #cdcdcd;
}

td.invert-image a img {
    width: 30%;
    margin: 0 auto;
}

.rem {
    position: relative;
}


/*-- quantity-starts --*/

.value-minus,
.value-plus {
    height: 30px;
    line-height: 24px;
    width: 30px;
    margin-right: 3px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 18px;
    color: #fff;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    /* border: 1px solid #b2b2b2; */
    vertical-align: bottom;
    border-radius: 50%;
    background: #ebedf0;
}

.place-order-div {
    margin-top: 1rem;
}

.place-order-div a,
.place-order-div button {
    margin: auto;
    display: block;
    outline: none !important;
    background-color: #3e76e0!important;
}

#PPminicartk form.minicartk-empty {
    min-height: 5rem;
}

.quantity-select .entry.value-minus:before,
.quantity-select .entry.value-plus:before {
    content: "";
    width: 13px;
    height: 2px;
    background: #333;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -0.5px;
    position: absolute;
}

.quantity-select .entry.value-plus:after {
    content: "";
    height: 13px;
    width: 2px;
    background: #333;
    left: 50%;
    margin-left: -1.4px;
    top: 50%;
    margin-top: -6.2px;
    position: absolute;
}

.value {
    cursor: default;
    width: 40px;
    height: 40px;
    padding: 8px 0px;
    color: #a9a9a9;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    margin-right: 3px;
}

.quantity-select .entry.value-minus:hover,
.quantity-select .entry.value-plus:hover {
    background: #e5e5e5;
}

.quantity-select .entry.value-minus {
    margin-left: 0;
}


/*-- //quantity-end --*/


/*-- checkout form --*/

.checkout-left {}

.address_form_agile h4 {
    color: #1accfd;
    font-size: 24px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.information-wrapper input,
.information-wrapper select {
    width: 100%;
    font-size: 15px;
    letter-spacing: 1px;
    color: black;
    padding: 13px 10px;
    margin-bottom: 20px;
    outline: none;
    border: none;
    border-bottom: 1px solid #ff5722;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.31);
}

.submit.check_out {
    padding: 10px 25px;
    letter-spacing: 1px;
    background: #2c7722;
    font-weight: 600;
    border: 1px solid #2c7722;
    font-size: 16px;
    color: #fff;
    border: none;
    outline: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    margin-top: 20px;
    border-radius: 3px;
    box-shadow: 0 0 3px #9a9a9a;
}

.submit.check_out:hover {
    background: #e5e5e5;
    transition: 0.5s all;
    color: #2c7722;
    border: 1px solid #2c7722;
    font-weight: 600;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    box-shadow: none;
}


/*-- //checkout form --*/


/*-- payment button --*/

.checkout-right-basket {
    margin-top: 20px;
}

.checkout-right-basket a {
    padding: 12px 25px;
    color: #fff;
    font-size: 16px;
    background: #000;
    text-decoration: none;
    letter-spacing: 1px;
    display: inline-block;
}

.checkout-right-basket a:hover {
    background: #ff5722;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.checkout-right-basket a span {
    margin-left: 7px;
    color: #1accfd;
    font-size: 20px;
}


/*-- //payment button --*/


/*-- Payment page --*/

.agileits_w3layouts_tab2 input[type="email"],
.agileits_w3layouts_tab2 input[type="password"],
.creditly-wrapper .form-control {
    display: block;
    width: 100%;
    padding: 18px 10px;
    font-size: 14px;
    color: #212121;
    background: #fff;
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
    outline: none;
}

.agileits_w3layouts_tab2 input[type="email"]:focus,
.agileits_w3layouts_tab2 input[type="password"]:focus,
.creditly-wrapper .form-control:focus {
    border-color: #66afe9;
    outline: 0;
}

.agileits_w3layouts_tab2 input[type="submit"] {
    display: block;
    position: relative;
    padding: 6px 50px 11px;
    letter-spacing: 3px;
    background: #1accfd;
    font-size: 1.5em;
    color: #fff;
    border: 1px solid #1accfd;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.agileits_w3layouts_tab2 input[type="submit"]:hover {
    background: #fff;
    color: #212121;
    border: 1px solid #e7e7e7;
}

.agileinfo_main_grid_left_grid h3 {
    font-size: 1.3em;
    color: #fff;
}

.agileinfo_main_grid_left_grid ul {
    margin-top: 1.5em;
}

.agileinfo_main_grid_left_grid ul li {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    vertical-align: top;
}

.agileinfo_main_grid_left_grid ul li span {
    display: block;
    font-size: 0.5em;
    color: #999;
}

.agileinfo_main_grid_left_grid ul li:first-child {
    width: 70%;
    border-right: 1px solid #999;
}

.agileinfo_main_grid_left_grid ul li:last-child {
    padding-left: 1em;
    text-align: right;
}

.agile_amount {
    padding: 1em 2em;
    background: #f71926;
}

.agile_amount h3 {
    font-size: 1.3em;
    color: #fff;
}

.agile_amount h4 {
    font-size: 2em;
    color: #fff;
    font-weight: bold;
}

.agile_amount p {
    font-size: 1em;
    color: #1adeed;
    line-height: 1.8em;
}

.form-group label {
    margin-bottom: 8px;
}

img.pp-img {
    width: 65%;
}

.tab-grid p {
    color: #8b8b8b;
    font-size: 0.95em;
    line-height: 1.8em;
    font-weight: 400;
    margin: 10px 0;
}

a.btn.btn-primary {
    background-color: #3a5795;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border: none;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #147319 !important;
    color: #fff;
}

.vertical_post h5 {
    color: #3a3a3a;
    font-size: 18px;
    margin: 0 0 18px 0;
    letter-spacing: 1px;
    font-weight: 600;
}

label.anim {
    letter-spacing: 1px;
}

.swit-radio label {
    font-size: 16px;
    color: #696969;
    padding: 0;
    font-weight: 100;
    margin-bottom: 12px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 4px 0 0;
}

.swit-radio {
    margin-bottom: 25px;
}

.radio_one:first-child {
    margin-left: 0;
    margin: 0;
}

.radio_one {
    padding-left: 22px;
    line-height: 28px;
    color: #404040;
    cursor: pointer;
}

.radio_one {
    position: relative;
    display: inline-block;
    margin-left: 15px;
}

.section_room_pay select {
    padding: 6px 10px;
    width: 33%;
    border: none;
    background: none;
    border: 1px solid #e6e4e4;
    color: #d2d1d1;
    outline: none;
    font-size: 16px;
    margin-bottom: 0;
    background: url(../images/arrow.png) no-repeat 96% center #ffffff;
    background-size: 4% !important;
    -webkit-appearance: none;
}

select.form-control.option-w3ls {
    width: 100%;
    padding: 1em 1em 1em 1em;
    font-size: 0.8em;
    margin: 0.5em 0;
    outline: none;
    color: #212121;
    border: none;
    border: 1px solid #ccc;
    letter-spacing: 1px;
    text-align: left;
}

.checkout-right-basket span {
    margin-left: 1em;
}

.vertical_post form input[type="submit"],
.number-paymk input[type="submit"] {
    background: #076d2b;
    color: #ffffff;
    text-align: center;
    padding: 10px 30px;
    border: none;
    font-size: 15px;
    border-radius: 3p;
    letter-spacing: 1px;
    outline: none;
    cursor: pointer;
    font-weight: 600;
    margin-top: 30px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.vertical_post form input[type="submit"]:hover,
.number-paymk input[type="submit"]:hover {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.form-control {
    border-radius: 0;
        padding: 23px;
}


/*-- //Payment page --*/


/*--responsive--*/

@media (max-width: 1440px) {
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 4.5em;
        padding: 28px 0;
    }
    .carousel-indicators {
        left: 49.7%;
    }
    .dropdown-menu.columns-3 {
        min-width: 588px;
    }
    .multi-gd-img {
        float: left;
        width: 50%;
    }
    .multi-gd-img img {
        margin-top: 20px;
    }
}

@media (max-width: 1366px) {
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 4.2em;
        padding: 20px 0;
    }
    .carousel-caption p {
        font-size: 20px;
        line-height: 1.5;
    }
    .carousel-indicators {
        bottom: 10%;
    }
    .carousel-indicators {
        bottom: 9%;
    }
    .dropdown-menu.columns-3 {
        min-width: 81rem;
    }
}

@media (max-width: 1280px) {
    .carousel-caption {
        min-height: 550px;
    }
    .header-bot_inner_wthreeinfo_header_mid {
        width: 96%;
    }
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 4em;
    }
    .carousel-indicators {
        bottom: 3%;
    }
    .footer-top h2 {
        font-size: 32px;
    }
    .w3l-rightmk img {
        width: 100%;
    }
    .page-head_agile_info_w3l {
        min-height: 270px;
    }
    .dropdown-menu.columns-3 {
        min-width: 509px;
    }
}

@media (max-width: 1080px) {
    .header-bot_inner_wthreeinfo_header_mid {
        width: 100%;
    }
    .header-most-top p {
        padding: 7px;
        font-size: 15px;
    }
    .header ul li span {
        margin-right: 5px;
    }
    .agileits_search input[type="search"] {
        width: 87%;
    }
    .logo_agile h1 a {
        font-size: 34px;
        display: inline-block;
    }
    .navbar-nav>li>a {
        padding: 15px 7px;
    }
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 3.7em;
    }
    .carousel-caption p {
        font-size: 18px;
        letter-spacing: 4px;
    }
    .carousel-caption p span {
        font-size: 34px;
    }
    .button2 {
        font-size: 15px;
    }
    .carousel-caption {
        min-height: 500px;
        padding-top: 5.5em;
    }
    .ads-grid,
    footer,
    .contact-w3l,
    .w3_wthree_agileits_icons,
    .typo,
    .faqs-w3l,
    .terms-of-use,
    .welcome,
    .about,
    .banner-bootom-w3-agileits,
    .privacy {
        padding: 0em 0;
    }
    h3.tittle-w3l {
        font-size: 2.8em;
    }
    h3.tittle-w3l:after {
        right: 40%;
    }
    .search-hotel input[type="search"] {
        width: 78%;
    }
    .search-hotel form input[type="submit"] {
        width: 40px;
    }
    .img-deals {
        padding: 0;
    }
    .img-deal1 h3 {
        font-size: 14px;
    }
    .img-deal1 {
        padding: 0 0 0 0.5em;
    }
    .product-new-top {
        width: 35px;
        font-size: 10px;
        height: 35px;
    }
    .inner-men-cart-pro .link-product-add-cart {
        font-size: 14px;
    }
    .effect-bg h3 {
        font-size: 40px;
    }
    .effect-bg h6 {
        font-size: 16px;
    }
    h3.w3l-nut-middle {
        right: 24%;
        bottom: 45%;
    }
    .item-info-product h4 a {
        color: #000;
        font-size: 16px;
    }
    .w3l-specilamk {
        margin: 0 5px;
    }
    .nbs-flexisel-inner {
        width: 100%;
    }
    .nbs-flexisel-nav-right {
        right: -45px;
    }
    .nbs-flexisel-nav-left {
        left: -45px;
    }
    .product-name-w3l h4 a {
        font-size: 18px;
    }
    .footer-top h2 {
        font-size: 28px;
        letter-spacing: 0px;
    }
    .footer-top input[type="email"] {
        padding: 12px;
        font-size: 16px;
    }
    .footer-top input[type="submit"] {
        padding: 13px;
        font-size: 16px;
    }
    .footer-top p {
        margin: 15px 0 34px;
    }
    .w3l-rightmk img {
        margin-top: 20px;
    }
    .newsform-w3l span {
        font-size: 135px;
    }
    .footer-info h3 {
        font-size: 21px;
        letter-spacing: 1px;
    }
    .agileits_app-devices h5 {
        font-size: 15px;
        letter-spacing: 0;
    }
    .agileits_app-devices img {
        width: 100%;
    }
    .about-agileits-w3layouts-right p {
        font-size: 15px;
    }
    .about h4 {
        font-size: 25px;
    }
    .dropdown-menu.columns-3 {
        min-width: 439px;
        padding: 20px 12px;
    }
    .faq-w3agile .faq>li>a {
        font-size: 16px;
    }
    .contact-agile img {
        width: 100%;
    }
    .contact-right h4 {
        font-size: 27px;
    }
    .contact-text p {
        margin-top: 12px;
        font-size: 15px;
    }
    .contact-text {
        padding: 2em;
    }
    .contact-right.wthree {
        margin-top: 50px;
    }
    .map iframe {
        min-height: 350px;
    }
    .agile-right-help img {
        width: 100%;
    }
    h3.w3-head {
        font-size: 28px;
        margin: 0 0 20px 0;
    }
    .wthree-help form input[type="submit"] {
        font-size: 15px;
        padding: 11px 39px;
    }
    .inner-men-cart-pro .link-product-add-cart {
        width: 74%;
        left: 13%;
    }
}

@media (max-width: 1050px) {
    .carousel-caption {
        min-height: 450px;
        padding-top: 5em;
    }
    .button2 {
        margin-top: 1em;
    }
    .nbs-flexisel-nav-right {
        right: -36px;
    }
    .nbs-flexisel-nav-left {
        left: -36px;
    }
    .footer-top h2 {
        font-size: 27px;
    }
    .w3l-rightmk img {
        margin-top: 27px;
    }
    .dropdown-menu.columns-3 {
        min-width: 425px;
        padding: 20px 0 20px 9px;
    }
}

@media (max-width: 1024px) {
    .logo_agile h1 a {
        font-size: 32px;
        margin-top: 1px;
    }
    .carousel-caption p {
        line-height: 1;
    }
    h3.tittle-w3l {
        font-size: 2.5em;
    }
    .bg-right-nut img {
        width: 100%;
    }
    .effect-bg h3 {
        font-size: 39px;
    }
    .effect-bg {
        margin-top: 30px;
    }
    h3.w3l-nut-middle {
        right: 29%;
        bottom: 44%;
        font-size: 29px;
    }
    .nbs-flexisel-nav-right {
        right: -30px;
    }
    .nbs-flexisel-nav-left {
        left: -30px;
    }
    .w3l-rightmk img {
        margin-top: 34px;
    }
    .page-head_agile_info_w3l {
        min-height: 250px;
    }
    .carousel-indicators {
        left: 49.5%;
    }
    .dropdown-menu.columns-3 {
        min-width: 416px;
        padding: 20px 0 20px 0px;
    }
    .terms h5 {
        font-size: 19px;
    }
}

@media (max-width: 991px) {
    .header-most-top p {
        padding: 6px;
        font-size: 14px;
    }
    .logo_agile h1 a {
        font-size: 36px;
        margin-top: 0;
    }
    .logo_agile h1 a img {
        width: fit-content;
    }
    .header {
        margin-top: 8px;
    }
    .header-bot_inner_wthreeinfo_header_mid {
        width: 100%;
    }
    .agileits_search input[type="search"] {
        width: 91%;
    }
    #agileinfo-nav_search {
        font-size: 13px;
    }
    a.nav-stylehead {
        font-size: 14px;
    }
    .navbar-nav>li {
        margin: 0 8px;
    }
    .navbar-nav>li>a {
        padding: 15px 0px;
        font-size: 13px;
    }
    .header-bot {
        padding: 10px 0 15px;
    }
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 3.5em;
        padding: 15px 0;
    }
    .carousel-caption p {
        font-size: 16px;
        letter-spacing: 3px;
    }
    .carousel-caption p span {
        font-size: 31px;
    }
    .button2 {
        font-size: 14px;
    }
    .carousel-caption {
        min-height: 400px;
        padding-top: 4.5em;
    }
    .ads-grid,
    footer,
    .contact-w3l,
    .w3_wthree_agileits_icons,
    .typo,
    .faqs-w3l,
    .terms-of-use,
    .welcome,
    .about,
    .banner-bootom-w3-agileits,
    .privacy {
        padding: 0.5em 0;
    }
    .psticky {
    position: initial;
    top: 111px;
    bottom: 0;
    z-index: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
    .side-bar {
        padding: 20px 50px 30px;
    }
    .img-deals {
        padding: 0 1em;
        width: 17%;
    }
    .img-deal1 h3 {
        font-size: 15px;
    }
    .img-deal1 {
        margin-top: 7px;
    }
    .product-men {
        margin-top: 2em;
        float: left;
        width: 33%;
    }
    .product-name-w3l h4 a {
        font-size: 15px;
    }
    .w3l-specilamk {
        padding: 20px 10px;
    }
    .nbs-flexisel-nav-right {
        right: -63px;
    }
    .nbs-flexisel-nav-left {
        left: -63px;
    }
    .w3l-pricehkj h6 {
        font-size: 19px;
    }
    .footer-top h2 {
        font-size: 26px;
    }
    p.footer-main {
        font-size: 14px;
    }
    .text-form-footer h3 {
        font-size: 21px;
    }
    .icon-fot span {
        font-size: 28px;
        line-height: 1.8;
    }
    .w3l-grids-footer {
        padding: 25px 0;
    }
    .address-right {
        width: 50%;
        float: left;
    }
    .footer-grids.w3l-socialmk {
        float: left;
        width: 100%;
        padding-left: 15px;
        margin-top: 30px;
    }
    .footer-info.w3-agileits-info {
        padding: 40px 0;
    }
    .footer-grids:nth-child(2) {
        padding: 0;
    }
    .copy-right p {
        font-size: 14px;
    }
    p {
        font-size: 15px;
    }
    .w3l-rightmk img {
        margin-top: 42px;
    }
    ul.multi-column-dropdown li a {
        font-size: 0.85em;
    }
    .single-right-left {
        float: left;
        width: 60%;
        padding: 0 0 0px;
        margin-bottom: 50px;
    }
    .single-right-left.simpleCart_shelfItem {
        width: 100%;
        margin: 0;
    }
    .faq-w3agile .faq>li>a {
        font-size: 15px;
    }
    h3.w3-head {
        font-size: 24px;
    }
    .contact-form.wthree {
        width: 100%;
    }
    .contact-text {
        padding: 1em;
    }
    .checkout-right h4 {
        font-size: 24px;
    }
    .timetable_sub th {
        font-size: 14px;
        padding: 12px 5px;
    }
    label.anim {
        font-size: 14px;
    }
    .number-paymk {
        margin-top: 30px;
    }
    h3.tittle-w3l:after {
        right: 37%;
    }
    .agileits_app-devices h5 {
        font-size: 17px;
        letter-spacing: 1px;
    }
}

@media (max-width: 900px) {
    .agileits_search input[type="search"] {
        width: 88%;
    }
    .agile-leftmk {
        padding: 3em 0 3em 1em;
    }
    .footer-top h2 {
        font-size: 24px;
    }
    .newsform-w3l span {
        font-size: 109px;
    }
    .w3l-rightmk img {
        margin-top: 49px;
    }
    .page-head_agile_info_w3l {
        min-height: 200px;
    }
    .dropdown-menu.columns-3 {
        min-width: 372px;
        padding: 20px;
    }
    .multi-gd-img {
        float: none;
        width: 100%;
    }
    ul.multi-column-dropdown li {
        line-height: 2.3;
    }
    .footer-top input[type="submit"] {
        font-size: 15px;
    }
}

@media (max-width: 800px) {
    .nbs-flexisel-nav-right {
        right: -29px;
    }
    .nbs-flexisel-nav-left {
        left: -29px;
    }
    .footer-top h2 {
        font-size: 21px;
    }
    .footer-top p {
        margin: 12px 0 26px;
        font-size: 16px;
    }
    .footer-top input[type="email"] {
        font-size: 15px;
    }
    .footer-top input[type="submit"] {
        width: 23%;
    }
    .newsform-w3l span {
        font-size: 92px;
        right: 2%;
        top: 9%;
    }
    .dropdown-menu.columns-3 {
        min-width: 315px;
    }
    .w3l-rightmk img {
        margin-top: 56px;
    }
    .terms p {
        padding-left: 18px;
    }
}

@media (min-width: 768px) {
    .md-mt-1 {
        margin-top: 1rem;
    }
    .d-md-flex {
        display: flex;
    }
}

@media (max-width: 768px) {
    .odetails-div span b {
        padding-right: 2px;
    }
    .agileits_search form {
    width: 107%;
    display: flex;
}
.logo_agile {
    
    width: 65%;
}
    .header-sm {
    display: flex;
    align-items: center;
}
.header-bot {
   display: none;
}
.logo_agile h1 a img {
    width: auto;
}
.item-info-product h4 a {
    color: #000;
    font-size: 14px;
}
.profile-tab {
    float: left;
    border: 1px solid #ddd;
    background-color: #ffffff;
    width: 30%;
    border-radius: 20px;
    padding: 1rem;
    display: none;
}
.profile-tab-right {
    float: left;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    
    display: block;
    
    padding: 15px;
}
.top-clip-text {
    position: relative;
    top: 3px;
    left: 9px;
    width: 58px;
    text-align: center;
    white-space: nowrap;
    font-weight: 700;
    font-size: 10px;
}
.sidebar-products-filter {
    position: initial !important;
    padding: 0;
}
    .odetails-div span {
        display: flex;
       
    }
    .side-bar {
    background-color: #fdfdfd;
    padding: 25px 15px;
    border: 1px solid #dcdcdc;
    width: 99%;
    margin-top: 1rem;
    margin-left: 9px;
}
.menu-area {
    background: #3e76e0;
    position: sticky;
    top: 67px;
    z-index: 31;
    display: none;
}
    .accorden_btn1 {
    width: 100%;
    display: block;
}
    .odetails-div b {
    width: 50%;
    display: block;
    margin-top: 2px;
    font-size: 14px;
   
}
.odetails-div span {
    margin-bottom: 5px;
    font-size: 0.9rem;
}
.hidemax
{
    margin-left:15px;
    display: block;
}
    span.booking_id,
    span.booking_date,
    span.booking_status {
        text-align: left !important;
    }
    .dropdown-menu.columns-3 {
        min-width: 295px;
    }
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 3em;
    }
    .w3l-specilamk {
        padding: 20px;
        margin: 0 14px;
    }
    .nbs-flexisel-inner {
        width: 90%;
    }
    .nbs-flexisel-nav-right {
        right: 0px;
    }
    .nbs-flexisel-nav-left {
        left: 0px;
    }
    .agile-leftmk {
        padding: 2.5em 0 2em 0.5em;
    }
    .w3l-rightmk img {
        margin-top: 41px;
    }
    .sub-some h5 {
        font-size: 18px;
    }
    .featured-section {
        padding-bottom: 3em;
    }
    .product-new-top {
        width: 30px;
        font-size: 9px;
        height: 30px;
    }
    .faq-w3agile .faq li {
        margin-top: 1.5em;
    }
    .dropdown-menu {
        min-width: 200px;
    }
    .ban-top {
        margin: 0 0px 10px 0px;
    }
    .contact-form.wthree {
        width: 93%;
        padding: 40px 30px;
    }
    .contact input[type="text"],
    .contact input[type="email"],
    .contact textarea {
        font-size: 14px;
        padding: 12px 12px;
        margin-bottom: 15px;
    }
    .contact textarea {
        min-height: 11em;
    }
    img.pp-img {
        width: 40%;
    }
}

@media (max-width: 767px) {
    .navbar-toggle {
        float: right;
        margin: 8px 0;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: rgba(0, 0, 0, 0.83);
        position: absolute;
        width: 100%;
        z-index: 999;
    }
    .navbar-default .navbar-toggle {
        border-color: #000;
    }
    .navbar-default .navbar-nav>li>a {
        color: #fff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background: none;
    }
    .navbar-nav>li {
        margin: 0;
        text-align: center;
    }
    .navbar-default .navbar-toggle {
            border-color: #f5f5f5;
    border-radius: 1px;
    border-radius: 33%;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
        letter-spacing: 2px;
        padding: 0;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li {
        margin-top: 1em;
    }
    .top-nav ul {
        padding-bottom: 10px;
    }
    .navbar {
        min-height: 0;
        float: none;
    }
    .navbar-nav {
        margin: 5px 0;
    }
    .navbar-nav>li>a {
        font-size: 15px;
    }
    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:hover,
    .navbar-default .navbar-nav>.open>a:focus {
        color: #fff;
    }
    ul.multi-column-dropdown li a {
        font-size: 0.9em;
        color: #eee;
    }
    ul.multi-column-dropdown li {
        line-height: 2.5;
    }
    .multi-gd-img img {
        width: 53%;
    }
    .agileits-navi_search {
        float: left;
        width: 25%;
    }
    .top_nav_left {
        float: right;
        width: 75%;
    }
    .agile_short_dropdown li a {
        border-bottom: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ff5722;
    }
}

@media (max-width: 736px) {
    
    
   
    #PPminicartk form {
        padding: 10px 10px 40px !important;
        width: 95vw !important;
    }
    #PPminicartk {
        left: auto !important;
    }
    .product-sec1 {
        padding: 30px 10px;
    }
    .agile-leftmk {
        width: 100%;
        float: none;
    }
    .w3l-rightmk {
        width: 100%;
        float: none;
        text-align: center;
    }
    .w3l-rightmk img {
        margin-top: 0px;
        width: 43%;
    }
    .text-form-footer h3 {
        font-size: 20px;
    }
    .faq-w3agile .faq>li>a {
        font-size: 14px;
    }
    li.subitem1 p {
        font-size: 13px;
    }
    .agile-left-help {
        float: none;
        width: 100%;
        margin-bottom: 16px;
    }
    .agile-right-help {
        float: none;
        width: 100%;
        text-align: center;
    }
    .agile-right-help img {
        width: 53%;
    }
    .timetable_sub th {
        font-size: 13px;
    }
    .about iframe {
        min-height: 382px;
    }
}

@media (max-width: 667px) {
    .logo_agile h1 a {
        font-size: 33px;
        height: 3.5rem;
    }
    .header-bot_inner_wthreeinfo_header_mid {
        width: 100%;
    }
    .logo_agile h1 a img {
        width: 22%;
    }
    .header ul li {
        font-size: 12px;
    }
    .agileits_search input[type="search"] {
        width: 86%;
    }
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 2.8em;
    }
    .carousel-caption p {
        font-size: 13px;
    }
    .carousel-caption p span {
        font-size: 25px;
    }
    .button2 {
        font-size: 13px;
        padding: 11px 20px;
    }
    .carousel-caption {
        min-height: 350px;
        padding-top: 3.5em;
    }
    .carousel-indicators {
        bottom: 6%;
    }
    h3.tittle-w3l {
        font-size: 2.3em;
    }
    .heading-style i {
        width: 9px;
        height: 9px;
    }
    .heading-style i:nth-child(2) {
        width: 11px;
        height: 11px;
    }
    h3.tittle-w3l:after {
        width: 169px;
    }
    .img-deals {
        width: 20%;
    }
    .item-info-product h4 a {
        font-size: 15px;
    }
    span.item_price {
        font-size: 16px;
    }
    .info-product-price del {
        font-size: 14px;
    }
    .snipcart-details input.button {
        font-size: 12px;
        padding: 11px 13px;
    }
    .item-info-product {
        margin-top: 5px;
    }
    .inner-men-cart-pro .link-product-add-cart {
        font-size: 13px;
    }
    h3.heading-tittle {
        font-size: 32px;
    }
    .effect-bg h3 {
        font-size: 35px;
        letter-spacing: 2px;
    }
    .effect-bg h6 {
        font-size: 13px;
        margin: 15px 0;
    }
    .effect-bg {
        margin-top: 25px;
    }
    h3.w3l-nut-middle {
        right: 28%;
        bottom: 44%;
        font-size: 26px;
    }
    .w3l-pricehkj h6 {
        font-size: 18px;
    }
    .offer-footer {
        padding: 0 0.5em;
    }
    .text-form-footer h3 {
        letter-spacing: 1px;
    }
    .product-men {
        padding: 0 0.5em;
    }
    .footer-grids ul li {
        font-size: 13px;
    }
    .footer-grids ul li i {
        padding-right: 4px;
    }
    .psticky
{
    
    position: initial;
    top: 111px;
    bottom: 0;
    z-index: 2;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
    .navbar-nav>li>a {
        font-size: 14px;
        padding: 12px 0px;
    }
    .page-head_agile_info_w3l {
        min-height: 180px;
    }
    ul.w3_short li {
        font-size: 0.8em;
    }
    ul.w3_short {
        padding: 12px 8px;
    }
    .checkout-right h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .address_form_agile h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .information-wrapper input,
    .information-wrapper select {
        font-size: 14px;
        padding: 12px 10px;
    }
    .footer-info h3 {
        font-size: 20px;
    }
    .about iframe {
        min-height: 340px;
    }
}

@media (max-width: 640px) {
    .side-bar {
        background-color: #fdfdfd;
        padding: 25px 15px;
        border: 1px solid #dcdcdc;
        width: 100%;
        
        margin-top: 1rem;
    }
    .header ul li {
        font-size: 11px;
    }
    .header-most-top p {
        padding: 5px;
        font-size: 12px;
    }
    .logo_agile h1 a {
        font-size: 31px;
    }
    .logo_agile h1 a img {
        width: auto;
        display: block;
        height: 42px;
            margin-top: 5px;
    margin-left: 0px;
    }
    .sm-toggle {
        display: flex;
        align-items: center;
    }
    .logo_agile {
        text-align: center;
        margin-top: 0px;
        display: flex;
        margin-bottom: -11px;
        width: auto;
        margin-left: -16px;
        width: 70%;
    }
    .agileits_search {
        margin-top: 0px;
        float: left;
    }
    .header {
        margin-top: 10px;
    }
    .agileits_search input[type="search"] {
        font-size: 13px;
    }
    .agileits_search .btn-default {
        height: 40px;
    }
    .header-bot {
        padding: 1px 0px;
    }
    #agileinfo-nav_search {
        font-size: 12px;
        padding: 10px 10px;
    }
    .navbar-toggle {
        padding: 7px 8px;
    }
    .navbar-toggle {
        margin: 5px 0;
    }
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 2.5em;
    }
    .carousel-caption {
        min-height: 330px;
        padding-top: 3em;
    }
    .w3l-specilamk {
        margin: 0 8px;
    }
    h3.w3l-nut-middle {
        right: 27%;
        bottom: 44%;
        font-size: 25px;
    }
    .item-info-product h4 a {
        font-size: 14px;
        
    }
    p.footer-main {
        font-size: 13px;
        margin-bottom: 30px;
    }
    .text-form-footer h3 {
        font-size: 19px;
    }
    .icon-fot span {
        font-size: 25px;
    }
    .w3l-grids-footer {
        padding: 20px 0;
    }
    .address-right {
        width: 100%;
        float: none;
    }
    .footer-info h3 {
        margin-bottom: 16px;
    }
    .address-right:nth-child(2) {
        margin-top: 23px;
    }
    .sub-some h5 {
        font-size: 17px;
    }
    .sub-some ul li {
        margin: 1px 2px;
    }
    .copy-right p {
        font-size: 13px;
    }
    .child-momu ul li {
        margin: 1px;
    }
    .footer-grids.agile-secomk {
        margin-top: 22px;
    }
    p {
        font-size: 14px;
    }
    .contact-text,
    .contact-agile {
        float: none;
        width: 100%;
    }
    .contact-agile {
        text-align: center;
    }
    .contact-agile img {
        width: 63%;
    }
    .map iframe {
        min-height: 300px;
    }
    .timetable_sub th,
    .timetable_sub td {
        width: 50px;
    }
    td.invert-image a img {
        width: 62%;
    }
    label.anim {
        font-size: 13px;
    }
    .terms h6 {
        font-size: 19px;
        margin: 21px 0 6px 0;
    }
    .footer-grids ul li {
        font-size: 14px;
    }
    h3.tittle-w3l:after {
        right: 36.5%;
    }
}

@media (max-width: 600px) {
    .img-deals {
        width: 23%;
    }
    .w3l-specilamk {
        padding: 16px 10px;
    }
    .effect-bg h3 {
        font-size: 33px;
    }
    .effect-bg h6 {
        font-size: 12px;
    }
    .effect-bg {
        margin-top: 20px;
    }
    h3.w3l-nut-middle {
        right: 27%;
        bottom: 44%;
        font-size: 23px;
    }
    .product-sec1 {
        padding: 0;
        margin-left: 0px;
        width: 100%;
    }
    .offer-footer {
        padding: 0;
    }
    .footer-info.w3-agileits-info {
        padding: 30px 10px;
    }
    .child-momu ul li {
        margin: 4px 1px 0;
    }
    .item-info-product h4 a {
        letter-spacing: 0.3px;
        width: 100%;
        display: block;
    }
    #PPminicartk .minicartk-subtotal {
        padding-left: 0px !important;
        bottom: -18px !important;
        font-size: 15px;
    }
    #PPminicartk .minicartk-submit {
        min-width: 133px !important;
        font-size: 14px;
        padding: 0 9px !important;
        margin-right: 0 !important;
    }
    .vertical_post form input[type="submit"],
    .number-paymk input[type="submit"] {
        padding: 10px 19px;
        font-size: 14px;
    }
    .creditly-card-form .submit span {
        padding: 11px 18px;
        font-size: 14px;
    }
    .vertical_post h5 {
        font-size: 18px;
        letter-spacing: 0px;
    }
    .swit-radio label {
        font-size: 15px;
        margin-bottom: 6px;
    }
    h3.tittle-w3l:after {
        right: 35%;
    }
    .about iframe {
        min-height: 298px;
    }
}

@media (max-width: 568px) {
    .header ul li {
        width: 32%;
        padding: 3px 0;
    }
    .header ul li:nth-child(4) {
        margin-top: 10px;
    }
    .agileits_search input[type="search"] {
        width: 85%;
    }
    .carousel-caption p {
        margin: 15px 0;
    }
    .carousel-caption {
        min-height: 300px;
        padding-top: 2.5em;
    }
    .product-men {
        padding: 0 1em;
    }
    .product-men {
        margin-top: 1.5em;
        float: none;
        width: 100%;
    }
    .rc-design {
    box-shadow: 1px 2px 7px 0 #d4cfcf;
       display: block;
    padding: 15px;
    margin-bottom: 15px;
}
    .product-new-top {
        width: 40px;
        font-size: 11px;
        height: 40px;
        line-height: 3.4;
        right: 95px;
    }
    h3.w3l-nut-middle {
        right: 25%;
    }
    .effect-bg h3 {
        font-size: 31px;
    }
    .effect-bg {
        margin-top: 16px;
    }
    .item-info-product h4 {
        min-height: 0.5rem;
    }
    .item-info-product h4 a {
        
        font-size: 14px;
        font-weight: 500;
    }
    span.item_price {
        font-size: 18px;
    }
    .info-product-price del {
        font-size: 15px;
    }
    .product-name-w3l h4 a {
        font-size: 14px;
    }
    .w3l-pricehkj h6 {
        font-size: 17px;
    }
    .w3l-pricehkj p {
        font-size: 14px;
    }
    .w3l-pricehkj {
        margin: 10px 0 16px;
    }
    .w3l-rightmk img {
        width: 50%;
    }
    .text-form-footer h3 {
        font-size: 18px;
    }
    .copy-right p {
        letter-spacing: 1px;
    }
    .page-head_agile_info_w3l {
        min-height: 150px;
    }
    .about-agileits-w3layouts-right p {
        font-size: 14px;
    }
    #agileinfo-nav_search {
        font-size: 11px;
    }
    .navbar-nav>li>a {
        font-size: 13px;
        padding: 10px 0px;
    }
    .inner-men-cart-pro .link-product-add-cart {
        width: 33%;
        left: 34%;
    }
    .snipcart-details {
        width: 50%;
    }
    .w3l-rightpro .product-men {
        margin-top: 0rem;
        padding: 0;
    }
    .single-right-left {
        width: 50%;
        margin-bottom: 20px;
            margin-top: 20px;
    }
    .single-right-left.simpleCart_shelfItem {
        width: 100%;
        margin: 0 10px;
    }
    .single-right-left h3 {
        font-size: 22px;
    }
    .contact textarea {
        min-height: 10em;
    }
    .terms h6 {
        font-size: 18px;
        letter-spacing: 0px;
    }
    .terms h5 {
        font-size: 18px;
        letter-spacing: 0px;
    }
    .agile-right-help img {
        width: 63%;
    }
    .contact-agile img {
        width: 70%;
    }
    h3.agileinfo_sign {
        font-size: 30px;
    }
    .modal-body.modal-body-sub_agile p {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .modal-body.modal-body-sub_agile input[type="text"],
    .modal-body.modal-body-sub_agile input[type="email"],
    .modal-body.modal-body-sub_agile input[type="password"] {
        font-size: 13px;
    }
    .modal-body.modal-body-sub_agile input[type="submit"] {
        padding: 10px 35px;
        font-size: 13px;
        margin: 10px 0;
    }
    .main-mailposi span {
        font-size: 107px;
    }
}

@media (max-width: 480px) {
    .agileits_search input[type="search"] {
        width: 82%;
    }
    h3.tittle-w3l {
        font-size: 18px;
    }
    .ads-grid,
    footer,
    .contact-w3l,
    .w3_wthree_agileits_icons,
    .typo,
    .faqs-w3l,
    .terms-of-use,
    .welcome,
    .about,
    .banner-bootom-w3-agileits,
    .privacy {
        padding: 0.5em 0;
    }
    .img-deals {
        width: 30%;
    }
    .heading-style i {
        margin: 0 -3px;
    }
    h3.tittle-w3l:after {
        right: 31%;
    }
    .button2 {
        font-size: 12px;
        padding: 10px 15px;
    }
    .effect-bg {
        margin-top: 0px;
        float: none;
        width: 100%;
    }
    .bg-right-nut {
        float: none;
        width: 100%;
        text-align: right;
        margin-top: 20px;
    }
    .bg-right-nut img {
        width: 50%;
    }
    h3.w3l-nut-middle {
        right: 12%;
        bottom: 51%;
        font-size: 32px;
        letter-spacing: 2px;
        transform: rotate(-28deg);
        -ms-transform: rotate(-28deg);
        -webkit-transform: rotate(-28deg);
    }
    .product-new-top {
        right: 57px;
    }
    .w3l-specilamk {
        padding: 20px;
        margin: 0 32px;
    }
    .footer-top h2 {
        font-size: 19px;
    }
    .footer-top input[type="submit"] {
        font-size: 14px;
    }
    .w3l-rightmk img {
        width: 60%;
    }
    .offer-footer {
        padding: 0;
        float: none;
        width: 100%;
    }
    .icon-fot span {
        font-size: 19px;
        line-height: 1;
    }
    .icon-fot {
        width: 14%;
    }
    .offer-footer:nth-child(2) {
        margin: 17px 0;
    }
    .about iframe {
        min-height: 234px;
    }
    .product-name-w3l h4 a {
        font-size: 16px;
        letter-spacing: 1px;
    }
    .w3l-pricehkj h6 {
        font-size: 18px;
    }
    .nbs-flexisel-nav-right,
    .nbs-flexisel-nav-left {
        top: 153px !important;
    }
    .contact textarea {
        min-height: 9em;
    }
    .imagezoom-cursor,
    .imagezoom-view {
        display: none;
    }
    .pincode-box {
        padding: 0px;
        display: flex;
    }
    .menu-flex {
        display: flex;
    }
    .container {
    padding-right: 1px;
    padding-left: 1px;
    margin-right: auto;
    margin-left: auto;
}
    #PPminicartk .minicartk-details-price {
        font-size: 14px !important;
    }
    #PPminicartk .minicartk-item a {
        font-size: 0.9em;
    }
    #PPminicartk .minicartk-submit {
        right: auto !important;
    }
    img.pp-img {
        width: 50%;
    }
    .terms h6 {
        font-size: 16px;
        margin: 15px 0 3px 0;
    }
    .terms p {
        padding-left: 0px;
        font-size: 14px;
        margin-top: 10px;
    }
    .terms h5 {
        font-size: 15px;
    }
    .agile-right-help img {
        width: 80%;
    }
    h3.tittle-w3l:after {
        right: 34%;
        width: 140px;
    }
    h3.tittle-w3l {
        margin-bottom: 18px;
        padding-bottom: 16px;
        margin-left: 1rem;
    }
    h3.heading-tittle {
        font-size: 18px;
        letter-spacing: 0px;
        margin-top: 5px;
    }
    .agileits-navi_search {
        width: 31%;
    }
    .top_nav_left {
        width: 69%;
    }
    .single-right-left h3 {
        font-size: 18px;
    }
    .quantity {
        width: 77px;
    }
    .timetable_sub th,
    .timetable_sub td {
        width: 165px;
    }
    .timetable_sub td {
        padding: 7px 4px;
        font-size: 12px;
    }
    .single-right-left {
        width: 100%;
    }
}

@media (max-width: 440px) {
    .agileits_search .btn-default {
        width: 48px;
    }
    .img-deals {
        width: 33%;
    }
    .product-new-top {
        right: 1%;
    }
    .inner-men-cart-pro .link-product-add-cart {
        width: 45%;
        left: 28%;
    }
    .flex-direction-nav .flex-next {
        display: none;
    }
    .flex-direction-nav .flex-prev {
        display: none;
    }
    .snipcart-details {
        width: 63%;
    }
    .footer-top h2 {
        font-size: 21px;
        line-height: 1.6;
    }
    .footer-grids ul li {
        font-size: 13px;
        margin: 12px 0 0;
    }
    .footer-info h3 {
        margin-bottom: 15px;
        letter-spacing: 0px;
            margin-top: 10px;
    }
    .sign-ip-tabs {
    height: auto;
    margin: 15px;
}
    .sub-some h5 {
        letter-spacing: 0px;
        margin-bottom: 8px;
    }
    .sub-some p {
        font-size: 12px;
    }
    .sub-some ul li a {
        font-size: 12px;
    }
    .sub-some ul li {
        margin: 0px 1px;
    }
    .terms h6 {
        font-size: 18px;
        line-height: 1.8;
    }
    .terms h5 {
        font-size: 16px;
        line-height: 1.8;
    }
    .wthree-help textarea {
        height: 120px;
    }
    .child-momu ul li {
        margin: 7px 1px 0;
    }
    .dropdown-menu.columns-3 {
        min-width: 268px;
    }
    .footer-top input[type="submit"] {
        width: 26%;
    }
    #agileinfo-nav_search {
        padding: 10px 3px;
    }
    .modal-body.modal-body-sub_agile p a {
        display: block;
    }
    .checkout-right h4 {
        font-size: 20px;
    }
    .timetable_sub th {
        font-size: 12px;
    }
}

@media (max-width: 414px) {
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 2em;
    }
    .carousel-caption p {
        font-size: 12px;
    }
    .carousel-caption p span {
        font-size: 21px;
    }
    .carousel-caption p {
        margin: 13px 0;
    }
    .carousel-caption {
        min-height: 250px;
        padding-top: 2em;
    }
    .carousel-indicators {
        bottom: 2%;
    }
    .ads-grid,
    footer,
    .contact-w3l,
    .w3_wthree_agileits_icons,
    .typo,
    .faqs-w3l,
    .terms-of-use,
    .welcome,
    .about,
    .banner-bootom-w3-agileits,
    .privacy {
        padding: 0em 10px;
    }
    h3.tittle-w3l:after {
        right: 35%;
        width: 120px;
    }
    .side-bar {
        padding: 1rem;
            margin-left: 0px;
    }
    h3.w3l-nut-middle {
        right: 14%;
        bottom: 44%;
        font-size: 25px;
        letter-spacing: 2px;
        transform: rotate(-28deg);
        -ms-transform: rotate(-28deg);
        -webkit-transform: rotate(-32deg);
    }
    .page-head_agile_info_w3l {
        min-height: 120px;
    }
    .w3l-specilamk {
        margin: 0 20px;
    }
    .dropdown-menu.columns-3 {
        min-width: 251px;
    }
    .welcome-grids {
        width: 100%;
    }
    .welcome-grids:nth-child(2) {
        margin-top: 20px;
    }
    #agileinfo-nav_search {
        font-size: 10px;
    }
    .about iframe {
        min-height: 206px;
    }
    .dropdown-menu.columns-3 {
        padding: 10px 20px;
    }
    h3.w3-head {
        font-size: 22px;
    }
    .faq-w3agile .faq>li>a {
        font-size: 13px;
    }
    .contact-form.wthree {
        width: 100%;
        padding: 30px 20px;
    }
    .contact input[type="text"],
    .contact input[type="email"],
    .contact textarea {
        font-size: 13px;
        padding: 11px 12px;
        margin-bottom: 13px;
    }
    .contact input[type="submit"] {
        padding: 9px 34px;
        font-size: 14px;
        margin: 0.5em 0 0 0;
    }
    .contact-text {
        padding: 0 1em;
    }
    .contact-right h4 {
        font-size: 23px;
    }
    .contact-text p {
        margin-top: 11px;
        font-size: 14px;
    }
    .contact-agile img {
        width: 100%;
        margin-top: 16px;
    }
    .map iframe {
        min-height: 250px;
    }
    #PPminicartk .minicartk-quantity {
        width: 18px !important;
        font-size: 11px !important;
    }
    #PPminicartk .minicartk-details-quantity {
        width: 10% !important;
    }
    #PPminicartk .minicartk-details-remove {
        width: 9% !important;
    }
    .checkout-right h4 {
        font-size: 19px;
        margin-bottom: 18px;
    }
    label.anim {
        line-height: 1.8;
    }
    .modal-body.modal-body-sub_agile p {
        font-size: 13px;
    }
    h3.agileinfo_sign {
        margin-bottom: 12px;
    }
    .faq-w3agile h5,
    .privacy-w3row h5 {
        font-size: 18px;
    }
    .agile-right-help img {
        width: 100%;
    }
}

@media (max-width: 384px) {
    .header-most-top p {
        padding: 6px;
        font-size: 11px;
        letter-spacing: 1px;
    }
    .header ul li {
        font-size: 10px;
    }
    .header ul li span {
        font-size: 14px;
    }
    .agileits_search input[type="search"] {
        font-size: 12px;
    }
    .agileits_search .btn-default {
        width: 43px;
        height: 40px;
    }
    .agileits-navi_search {
        width: 35%;
    }
    .top_nav_left {
        width: 65%;
    }
    .heading-style i {
        width: 8px;
        height: 8px;
    }
    .heading-style i:nth-child(2) {
        width: 10px;
        height: 10px;
    }
    h3.tittle-w3l:after {
        right: 35%;
        width: 100px;
    }
    .product-new-top {
        right: 3px;
    }
    .effect-bg h3 {
        font-size: 28px;
        letter-spacing: 1px;
    }
    .effect-bg h6 {
        font-size: 11px;
        margin: 13px 0;
    }
    p {
        font-size: 13px;
    }
    h3.w3l-nut-middle {
        bottom: 45%;
        font-size: 22px;
    }
    .bg-right-nut {
        margin-top: 40px;
    }
    .w3l-specilamk {
        margin: 0 7px;
    }
    .nbs-flexisel-nav-right {
        right: -10px;
    }
    .nbs-flexisel-nav-left {
        left: -10px;
    }
    ul.multi-column-dropdown li a {
        font-size: 0.8em;
    }
    .dropdown-menu.columns-3 {
        padding: 10px;
        min-width: 217px;
    }
    .multi-gd-img img {
        width: 100%;
        margin-top: 15px;
    }
    .single-right-left h3 {
        font-size: 19px;
    }
    h3.w3-head {
        font-size: 20px;
    }
    .faq-w3agile .faq li {
        margin-top: 1em;
    }
    #PPminicartk .minicartk-subtotal {
        font-size: 14px;
    }
    .checkout-right h4 {
        font-size: 18px;
    }
    .wthree-help {
        margin: 30px auto;
    }
}

@media (max-width: 375px) {
    .dropdown-menu.columns-3 {
        min-width: 212px;
    }
    .w3l-specilamk {
        padding: 15px;
    }
    .w3l-rightmk img {
        width: 100%;
    }
    .footer-top input[type="email"] {
        font-size: 14px;
        padding: 11px;
    }
    .footer-top input[type="submit"] {
        font-size: 13px;
        padding: 12px 10px;
    }
    .product-single-w3l ul li {
        font-size: 13px;
    }
    .single-infoagile ul li {
        font-size: 13px;
    }
    span.item_price {
        font-size: 17px;
    }
    .single-right-left del {
        margin: 0 7px 0 9px;
        font-size: 14px;
    }
    .checkout-right h4 {
        font-size: 17px;
    }
}

@media (max-width: 320px) {
    .header-most-top p {
        padding: 5px;
        font-size: 10px;
    }
    .logo_agile h1 a {
        font-size: 28px;
    }
    .header ul li {
        font-size: 9.5px;
        letter-spacing: 0.5px;
        padding: 2px 0;
    }
    .agileits_search input[type="search"] {
        font-size: 11px;
        letter-spacing: 0px;
        width: 80%;
    }
    .agileits_search .btn-default {
        width: 39px;
        height: 40px;
    }
    .agileits_search {
        margin-top: 10px;
    }
    button.w3view-cart {
        width: 41px;
        height: 36px;
        font-size: 21px;
    }
    .box_1 {
        margin-top: 10px;
    }
    .header-bot {
        padding: 3px 0 9px;
    }
    .header-sm {}
    .header {
        padding: 0 0.5em;
    }
    .header ul li span {
        font-size: 12px;
        margin-right: 3px;
    }
    .agileits-navi_search {
        width: 40%;
    }
    .top_nav_left {
        width: 60%;
    }
    .navbar-toggle .icon-bar {
        height: 1px;
    }
    .navbar-toggle {
        padding: 7px 6px;
    }
    .navbar-nav>li>a {
        font-size: 12px;
        padding: 7px 0px;
    }
    ul.multi-column-dropdown li a {
        font-size: 0.7em;
    }
    ul.multi-column-dropdown li {
        line-height: 2;
    }
    .dropdown-menu.columns-3 {
        min-width: 163px;
        padding: 1px;
    }
    .carousel-caption h2,
    .carousel-caption h3 {
        font-size: 1.6em;
        padding: 10px 0;
    }
    .carousel-caption p {
        font-size: 10px;
        letter-spacing: 2px;
        margin: 9px 0;
    }
    .button2 {
        padding: 7px 15px;
        letter-spacing: 1px;
    }
    .carousel-caption p span {
        font-size: 17px;
    }
    .carousel-caption {
        min-height: 220px;
    }
    .carousel-indicators li {
        width: 8px;
        height: 8px;
    }
    .carousel-indicators .active {
        width: 10px;
        height: 10px;
    }
    .ads-grid,
    footer,
    .contact-w3l,
    .w3_wthree_agileits_icons,
    .typo,
    .faqs-w3l,
    .terms-of-use,
    .welcome,
    .about,
    .banner-bootom-w3-agileits,
    .privacy {
        padding: 1.5em 0;
    }
    h3.tittle-w3l {
        margin-bottom: 24px;
        padding-bottom: 13px;
        font-size: 1.55em;
    }
    .heading-style i {
        width: 7px;
        height: 7px;
    }
    .heading-style i:nth-child(2) {
        width: 9px;
        height: 9px;
    }
    .heading-style i {
        margin: 0 -2px;
    }
    h3.tittle-w3l:after {
        right: 33%;
        width: 100px;
        bottom: -1px;
    }
    .side-bar {
        padding: 10px 20px 20px;
    }
    h3.agileits-sear-head {
        margin-bottom: 16px;
        font-size: 18px;
    }
    .left-side ul li span {
        font-size: 12px;
    }
    .img-deals {
        padding: 0;
    }
    .img-deal1 a {
        font-size: 17px;
    }
    .img-deal1 h3 {
        font-size: 14.5px;
    }
    .product-sec1 {
        padding: 15px 3px;
    }
    h3.heading-tittle {
        font-size: 23px;
    }
    .product-new-top {
        width: 30px;
        font-size: 9px;
        height: 30px;
        right: 0px;
    }
    .inner-men-cart-pro .link-product-add-cart {
        width: 60%;
        left: 19%;
    }
    .snipcart-details {
        width: 84%;
    }
    .item-info-product {
        margin-top: 20px;
    }
    .effect-bg h3 {
        font-size: 25px;
        letter-spacing: 0px;
    }
    .effect-bg h6 {
        font-size: 10px;
        margin: 10px 0;
        letter-spacing: 1px;
    }
    h3.w3l-nut-middle {
        bottom: 44%;
        right: 7%;
    }
    .product-name-w3l h4 a {
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .w3l-specilamk {
        padding: 15px 10px;
    }
    .w3l-pricehkj p {
        font-size: 13px;
    }
    .product-name-w3l {
        margin-top: 4px;
    }
    .nbs-flexisel-nav-right {
        right: -13px;
    }
    .nbs-flexisel-nav-left {
        left: -13px;
    }
    .nbs-flexisel-nav-right,
    .nbs-flexisel-nav-left {
        top: 149px !important;
    }
    .footer-top h2 {
        font-size: 18px;
    }
    .agile-leftmk {
        padding: 1.5em 0 0.5em 0.5em;
    }
    .footer-top p {
        margin: 10px 0 16px;
        font-size: 13px;
    }
    .newsform-w3l span {
        font-size: 80px;
        top: 18%;
    }
    .footer-top input[type="email"] {
        width: 68%;
        font-size: 12px;
    }
    .footer-top input[type="submit"] {
        font-size: 12px;
        padding: 11px 10px;
        width: 30%;
    }
    p.footer-main {
        font-size: 11px;
        margin-bottom: 15px;
    }
    .text-form-footer h3 {
        font-size: 16px;
    }
    .footer-info.w3-agileits-info {
        padding: 15px 0;
    }
    .footer-info h3 {
        font-size: 17px;
    }
    .footer-grids ul li {
        font-size: 11.5px;
        margin: 9px 0 0;
    }
    .footer-grids ul li i {
        padding-right: 1px;
    }
    .agileits_app-devices h5 {
        font-size: 15px;
    }
    .sub-some h5 {
        font-size: 14px;
    }
    .sub-some p {
        font-size: 11px;
    }
    .sub-some:nth-child(2),
    .sub-some:nth-child(3),
    .sub-some:nth-child(4) {
        margin-top: 15px;
    }
    .copy-right p {
        font-size: 12px;
    }
    .copy-right {
        padding: 11px 0;
    }
    .page-head_agile_info_w3l {
        min-height: 80px;
    }
    ul.w3_short li {
        font-size: 0.7em;
    }
    ul.w3_short {
        padding: 5px 0;
    }
    p {
        font-size: 12px;
    }
    .about iframe {
        min-height: 133px;
    }
    .img-video-about img {
        width: 100%;
    }
    .about-agileits-w3layouts-right p {
        font-size: 12px;
    }
    .about h4 {
        font-size: 21px;
        margin: 9px 0;
    }
    .multi-gd-img {
        padding: 0 0.8em;
    }
    .single-right-left h3 {
        font-size: 16px;
    }
    .occasion-cart .snipcart-details {
        width: 56%;
    }
    h3.w3-head {
        font-size: 16px;
    }
    .contact textarea {
        min-height: 8em;
    }
    .contact-text p {
        font-size: 12px;
    }
    .contact-text {
        padding: 0;
    }
    .map iframe {
        min-height: 200px;
    }
    .modal-body.modal-body-sub_agile {
        padding: 0 1em 1em;
    }
    h3.agileinfo_sign {
        font-size: 24px;
    }
    .modal-header {
        padding: 6px 15px;
    }
    .modal-body.modal-body-sub_agile p {
        font-size: 12px;
    }
    .modal-body.modal-body-sub_agile input[type="text"],
    .modal-body.modal-body-sub_agile input[type="email"],
    .modal-body.modal-body-sub_agile input[type="password"] {
        font-size: 12px;
        margin-bottom: 12px;
    }
    .modal-body.modal-body-sub_agile input[type="submit"] {
        padding: 10px 28px;
        font-size: 12px;
    }
    .main-mailposi span {
        font-size: 80px;
    }
    .list_of_cities {
        font-size: 13px;
    }
    .terms h6 {
        font-size: 16px;
    }
    .terms p {
        font-size: 13px;
        line-height: 23px;
    }
    .wthree-help textarea {
        height: 100px;
        padding: 0 16px;
    }
    .wthree-help form input[type="submit"] {
        font-size: 14px;
        padding: 9px 31px;
    }
    .wthree-help h5 {
        font-size: 20px;
        margin: 20px 0;
    }
    .agile-right-help img {
        margin-top: 20px;
    }
    .faq-w3agile h5,
    .privacy-w3row h5 {
        font-size: 16px;
        letter-spacing: 0px;
    }
    li.subitem1 p {
        font-size: 12px;
        line-height: 22px;
    }
    .checkout-right h4 {
        font-size: 18px;
        line-height: 1.4;
    }
    .information-wrapper input,
    .information-wrapper select {
        font-size: 13px;
        padding: 11px 10px;
    }
    button.submit.check_out {
        padding: 11px 12px;
        font-size: 14px;
    }
    .checkout-right-basket a {
        padding: 11px 15px;
        font-size: 14px;
    }
    label.anim {
        font-size: 12px;
    }
    img.pp-img {
        width: 80%;
    }
    .tab-grid p {
        font-size: 0.8em;
    }
    .form-group label {
        font-size: 14px;
    }
    .vertical_post form input[type="submit"],
    .number-paymk input[type="submit"] {
        margin-top: 20px;
    }
}

.flexslider-cat {
    margin: 1rem;
    max-height: 5rem;
    overflow-y: hidden;
}

.cat-nav-div a {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    color: #121213;
    margin-top: 0.3rem;
}

.cat-nav-div img {
    width: 45px;
    height: 45px;
    display: block;
    margin: auto;
}


/*--//responsive--*/


/* sidebar */

#wrapper:not(.toggled) .toggle-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #5e5e5e8f;
    z-index: 1002;
}

#wrapper:not(.toggled) .menu-toggle.icon1 {
    display: none;
}

.menu-toggle.icon1 {
    /* width: 1000px; */
    background: url(../images/icon/menu.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 28px;
    border: none;
    outline: none;
    margin-top: 10px;
    height: 40px;
}

.agileits_search span {
    color: #fff;
}

.top_nav_right {
    float: right;
    width: fit-content;
    margin: auto;
}
.card-category {
    padding: 0;
    margin: 0px;
    background-color: white;
    box-shadow: -3px 1px 0px 0px #f7f7f9;
    position: relative;
    margin-bottom: 22px;
    border-radius: 5px;
	border: 1px solid #dcdcdc;
}
.card-category h1
{
	font-size: 18px;
    text-align: center;
    padding: 5px;
    font-weight: 800;
}
.card-category p
{
	font-size: 14px;
    text-align: center;
    padding: 5px;
    font-weight: 500;
    color: #aaa;
    border: 2px dashed #e7e7e7;
    margin: 6px;
}

.card-category-single img {
    width: 100%;
    margin-top: 0px;
    padding: 0.2rem;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.card-category-single h1
{
	font-size: 18px;
    text-align: center;
    padding: 5px;
    font-weight: 800;
}

.card-category-single {
    padding: 0;
    margin: 0px;
    background-color: white;
    box-shadow: -3px 1px 0px 0px #f7f7f9;
    position: relative;
    margin-bottom: 22px;
    border-radius: 5px;
    border: 1px solid #dcdcdc;
}

.card-category-single p {
        font-size: 14px;
    text-align: center;
    padding: 5px;
    font-weight: 800;
    color: #333;
}

.card-category .offer_badge {
    position: absolute;
    color: #f5f5f5;
    width: 100%;
    text-transform: uppercase;
    height: 40px;
    background-size: 100%;
    text-align: center;
    padding: 8px 0 0;
    top: 0;
    background-color: #523c89;
    font-family: 'Roboto', sans-serif;
    border-radius: 5px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin: auto;
    
}
.card-category img {
    width: 100%;
   
    margin-top: 0px;
    padding: .2rem;
    
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.header-md .agileits_search {
   width: 68%;
    padding: 0;
    margin-left: 65px;
}

.menu-toggle.icon2,
.menu-toggle.icon2:hover {
    width: 6px;
    height: 21px;
    float: right;
    border: none;
    background: url(../images/icon/close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 18px 10px;
}

.sidebar-nav h3 {
    margin: 14px 17px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 15px;
    color: #589411;
}

#menu-toggle {
    z-index: 1003;
}

#wrapper {
    padding-left: 0;
    /* -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; */
    overflow-x: hidden;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1004;
    position: fixed;
    left: 250px;
    height: 100%;
    margin-left: -250px;
    overflow-y: hidden;
    overflow-x: hidden;
    background: #fff;
    /* -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; */
    box-shadow: 0 0 20px black;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}


/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #000000;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #11741f !important;
    font-weight: 400;
    margin-left: 10px;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav>.sidebar-brand a {
    color: #000000;
    background-color: #86d22d;
}

.sidebar-nav>.sidebar-brand a:hover {
    color: green;
    margin: 0 !important;
}

#wrapper {
    padding-left: 250px;
}

#wrapper.toggled {
    padding-left: 0;
}

#wrapper.toggled #sidebar-wrapper {
    width: 0;
}

#page-content-wrapper {
    position: relative;
    background-color: whitesmoke;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
}

#snackbar {
  visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #3e76e0;
    color: #fff;
    text-align: center;
    padding: 12px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 14px;
    border: 2px solid #ff9f00;
}

#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}