/* Extra small devices (portrait phones, less than 576px) */
 @media (max-width: 575.98px) {
.main_logo {
    margin-left: 5px !important;
	width: 110px !important;
}

.search120 {
    display: none;
    margin-left: 0 !important;
}

.option_links {
    padding: 10px 3px !important;
    font-size: 18px !important;
}

.opts_account img {
    margin-left: 5px !important;
	width: 30px !important;
}

.menu.dropdown_loc  {
   z-index: 9999 !important;
}

.menu.dropdown_mn {
   margin-right: -43px !important;
   z-index: 9999 !important;
}

.menu.dropdown_ms {
   margin-right: -82px !important;
   z-index: 9999 !important;
}

.menu.dropdown_account {
   z-index: 9999 !important;
}

.noti_count {
    right: 0 !important;
}

.opts_account .user__name {
    display: none;
}

.res_main_logo {
	display: inline-block;
	margin-left: 10px;
}

.main_logo {
    display: none;
}

.blog_logo {
    display: block !important;
	width: 125px !important;
}

.select_location {
    margin-left: 10px;
}

.header_right ul li:first-child {
    display: none;
}

.header_right ul li:nth-child(2) {
    display: none;
}

.header_right ul li:nth-child(3) {
    display: none;
}

.header_right .blog-nav li:first-child {
    display: block !important;
}

.header_right .blog-nav li:nth-child(2) {
    display: block !important;
}

.header_right .blog-nav li:nth-child(3) {
    display: block !important;
}

.menu.dropdown_mn {
    margin-right: -82px !important;
}

.ui.dropdown>.dropdown_loc.left.menu {
    right : auto!important;
    right: 0!important;
}

.ui.inline.dropdown.loc-title>.text {
    white-space: nowrap;
    width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category_drop {
    display: none;
}

.cart__btn {
    padding: 22px 10px 21px !important;
}

.cart__btn span {
	display: none;
}

.icon__14 {
    top: 0px;
    position: absolute;
} 

.mobileMenu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	transform: translateX(-100%);
	transition: all ease 0.25s;
	overflow: auto;
	scroll-behavior: auto;
	}
.open {
	transform: translateX(0);
	z-index: 11;
}

.mt1-5 {
    border-top: 1px solid #efefef;
}

.menu.dropdown_page {
    position: static !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-top: 0 !important;
}

.ui.dropdown.nav__menu {
    text-align: center !important;
}

.page__links {
	text-align: center !important;
}

/*.wrapper {
    padding-top: 125px !important;
}*/

.wrapper-blog {
    padding-top: 60px !important;
}

.cart__btn {
    padding: 24px !important;
}

.catey__icon {
	display: block !important;
}

.search__icon {
	display: block;
} 

.category-by-cat li {
    width: 50% !important;
}

.search-ground-area {
	max-width: 100% !important;
}

.bs-canvas {
	width: 320px !important;
}

.side-cart-items {
    height: 310px !important;
}

.offers-banner .owl-stage-outer {
    overflow: hidden !important;
}

.footer-last-row {
	text-align: left !important; 
}

.product-left-title {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.filter-btn {
    float: left;
	width: 85px !important;
}

.product-sort {
    margin-right: 0 !important;
}

.product-dt-right {
    margin-top: 30px !important;
    margin-left: 0 !important;
}

.pdp-details ul li {
    border-bottom: 1px solid #efefef;
    display: block !important;
    width: 100% !important;
    border-right: 0 !important;
}

.pdp-details ul li:last-child {
    border-bottom: 0;
}

.ordr-crt-share li {
	display: block !important;
}

.add-cart-btn {
    margin-bottom: 10px;
}

.icon-bar {
	display: none;;
}

.radio--group-inline-container_1 li {
    display: block !important;
    width: 100% !important;
}

.left-chck145 {
	margin-bottom: 30px;
}

.mrt-0 {
	margin-top: 8px !important;
}

.call-email-alt li {
    display: block !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

.call-email-alt li:last-child {
    margin-bottom: 0 !important;
}

.social-links-footer {
    text-align: left !important;
    margin-top: 15px !important;
}

.ddsh-body ul li:last-child {
	margin-top: 15px;
    margin-right: 0;
}

.wallet-list li {
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
}

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

.about-img {
    margin-top: 58px !important;
}

.sign-img {
    display: none;
}

.sign-inup {
    padding: 50px 0 !important;
}

.signup-code-list li {
    width: 18%;
}

ul.signup-code-list input {
	width: 100% !important;
}

.chck-btn {
    padding: 8px 10px !important;
}

.contact-title h2 {
    margin-top: 44px !important;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
.main_logo {
    margin-left: 10px !important;
}

.search120 {
    display: none;
    margin-left: 0 !important;
}

.opts_account .user__name {
    display: none;
}

.main_logo {
    display: none;
}

.blog_logo {
    display: block !important;
}

.res_main_logo {
	display: inline-block;
	margin-left: 10px;
}

.main_logo {
    display: none;
}

.select_location {
    margin-left: 10px;
}

.menu.dropdown_loc  {
   z-index: 9999 !important;
}

.header_right ul li:first-child {
    display: none;
}

.header_right .blog-nav li:first-child {
    display: block !important;
}

.menu.dropdown_mn {
   z-index: 9999 !important;
}

.menu.dropdown_ms {
   z-index: 9999 !important;
}

.menu.dropdown_account {
   z-index: 9999 !important;
}

.mobileMenu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	transform: translateX(-100%);
	transition: all ease 0.25s;
	overflow: auto;
	scroll-behavior: auto;
	}
.open {
	transform: translateX(0);
	z-index: 11;
}

.mt1-5 {
    border-top: 1px solid #efefef;
}

.menu.dropdown_page {
    position: static !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-top: 0 !important;
}

.ui.dropdown.nav__menu {
    text-align: center !important;
}

.page__links {
	text-align: center !important;
}

/*.wrapper {
    padding-top: 125px !important;
}*/

.wrapper-blog {
    padding-top: 60px !important;
}

.category_drop {
    display: none;
}

.cart__btn {
    padding: 24px 30px 24px !important;
}

.catey__icon {
	display: block !important;
}

.search__icon {
	display: block;
} 

.offers-banner .owl-stage-outer {
    overflow: hidden !important;
}

.footer-last-row {
	text-align: center !important; 
}

img.download-btn {
    width: 110px !important;
}

.product-left-title {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.filter-btn {
    float: left;
	width: 85px !important;
}

.product-sort {
    margin-right: 0 !important;
}

.product-dt-right {
    margin-top: 30px !important;
    margin-left: 0 !important;
}

.pdp-details ul li {
    border-bottom: 1px solid #efefef;
    display: block !important;
    width: 100% !important;
    border-right: 0 !important;
}

.pdp-details ul li:last-child {
    border-bottom: 0;
}

.ordr-crt-share li {
	display: block !important;
}

.add-cart-btn {
    margin-bottom: 10px;
}

.icon-bar {
    display: none;
}

.radio--group-inline-container_1 li {
    display: block !important;
    width: 100% !important;
}

.left-chck145 {
	margin-bottom: 30px;
}

.mrt-0 {
	margin-top: 8px !important;
}

.call-email-alt li {
    display: block !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

.call-email-alt li:last-child {
    margin-bottom: 0 !important;
}

.wallet-list li {
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
}

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

.about-img {
    margin-top: 58px !important;
}

.sign-img {
    display: none;
}

.sign-inup {
    padding: 50px 0 !important;
}

.contact-title h2 {
    margin-top: 44px !important;
}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.main_logo {
    margin-left: 10px !important;
}

.search120 {
    display: none;
    margin-left: 0 !important;
}

.opts_account .user__name {
    display: none;
}

.menu.dropdown_loc  {
   z-index: 9999 !important;
}

.menu.dropdown_mn {
   z-index: 9999 !important;
}

.menu.dropdown_ms {
   z-index: 9999 !important;
}

.menu.dropdown_account {
   z-index: 9999 !important;
}

.mobileMenu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	transform: translateX(-100%);
	transition: all ease 0.25s;
	overflow: auto;
	scroll-behavior: auto;
	}
.open {
	transform: translateX(0);
	z-index: 11;
}

.mt1-5 {
    border-top: 1px solid #efefef;
}

.menu.dropdown_page {
    position: static !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-top: 0 !important;
}

.ui.dropdown.nav__menu {
    text-align: center !important;
}

.page__links {
	text-align: center !important;
}

/*.wrapper {
    padding-top: 125px !important;
}*/

.wrapper-blog {
    padding-top: 60px !important;
}

.category_drop {
    display: none;
}

.cart__btn {
    padding: 24px 30px 24px !important;
}

.catey__icon {
	display: block !important;
}

.search__icon {
	display: block;
} 

.offers-banner .owl-stage-outer {
    overflow: hidden !important;
}

.offr-none {
	display: none;
}

.pdp-details ul li {
    border-bottom: 1px solid #efefef;
    display: block !important;
    width: 100% !important;
    border-right: 0 !important;
}

.pdp-details ul li:last-child {
    border-bottom: 0;
}

.radio--group-inline-container_1 li {
    display: block !important;
    width: 100% !important;
}

.radio--group-inline-container_1 {
    display: block !important;
}

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

.about-img {
    margin-top: 58px !important;
}

.sign-img {
    display: none;
}

.sign-inup {
    padding: 50px 0 !important;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
body {
    overflow-y: scroll;
  }

.logo img {
	width: 200px;
	text-align: center;
	margin-top: 10px;
	float: none;
}

.search120 {
    width: 25% !important;
    margin-left: 40px;
}

.header_right ul li:first-child {
    display: none;
}

.header_right .blog-nav li:first-child {
    display: block !important;
}

.menu.dropdown_loc  {
   z-index: 9999 !important;
}

.menu.dropdown_mn {
   z-index: 9999 !important;
}

.menu.dropdown_ms {
   z-index: 9999 !important;
}

.menu.dropdown_account {
   z-index: 9999 !important;
}
}

/* Extra large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
.container {
    max-width: 1200px !important;
}

.menu.dropdown_loc  {
   z-index: 9999 !important;
}

.menu.dropdown_mn {
   z-index: 9999 !important;
}

.menu.dropdown_ms {
   z-index: 9999 !important;
}

.menu.dropdown_account {
   z-index: 9999 !important;
}

}

/*27.01.2021*/

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

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

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

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

@media screen and (max-width: 1300px){
    .header_menu .navbar{padding:0;}
    .bd_menu .navbar-nav li {
        padding: 0 8px;
    }
    .header_mid{padding:10px 0;}
    .contact_us_form .col-sm-2 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contact-form label{margin-bottom: 6px;}
}
@media screen and (max-width: 1200px){}

@media screen and (max-width: 1199px){
    .arow{width:50px;}
    .howworkbox h2 {
        font-size: 16px;
        line-height: 20px;
        margin: 10px 0;
    }

    .ftr_sec .ftr_box,
    .ftr_box:nth-child(1),
    .ftr_box.customer_hours,
    .ftr_box:nth-last-child(1){
        flex: 0 0 33.3%;
        max-width: 33.3%;
        margin: 15px 0;
    }
    .ftr_box img.img-fluid {
        width: 50%;
    }

}

@media screen and (max-width: 1170px){
    /* .home-slider .item a {
        height:500px;
    } */
}

@media screen and (max-width: 1100px){
    .urbarlogo a {
        width: 200px;
    }
    .urban_add {
        width: 300px;
    }

    .bd_menu .navbar-nav li a{font-size: 12px;}
}

@media screen and (max-width: 1024px){
    /* .home-slider .item a {
        height:400px;
    } */

}

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

    .urban_accountdrop .btn {
        padding: 2px 8px;
        margin-right: 10px;
        width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/* Toggle*/

.bd_toggle.navbar-toggler{border: 0 !important; 
    background: transparent;
    padding: 0;
    line-height: normal;
    width: 40px;
    height: 40px;
}
.bd_toggle.navbar-toggler:focus{outline: 0;}
.bd_toggle span{
    width: 28px;
    height: 5px;
    background: #1c1c1a;
    display: block;
    position: relative;
    margin: 0 0 0 9px;
    background-image: none !important;
}
.bd_toggle span:after{position:absolute;content:" ";width:22px;height:5px;top:-7px;left:0;right:0;background:#1c1c1a;transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;}
.bd_toggle span:before{position:absolute;content:" ";width:22px;height:5px;bottom:-7px;left:0;right:0;background:#1c1c1a;transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;-webkit-transition:0.2s;}

.header_menu{padding:0; position:relative;}
.mob_nav{
    position: absolute !important;
    background: #006121;
    top: 100%;
    z-index: 99;
    width: 250px;
    right: 0;
}
.bd_menu.mob_nav li a {
    color: #fff;
    margin: 0;
    padding:10px !important;
    font-size: 14px;
    display: block;
    text-align: left;
    position: relative;
}

.header_menu.fixed_top {
    position: relative;
}

/* .home-slider .item a {
    height: 300px;
} */

.arow {
    display: none;
}
.testimonial_box{
    width: 100%;
}

.ftr_box.customer_hours,
.ftr_box:nth-last-child(1)
{
    flex: 0 0 50%;
    max-width: 50%;
}
.ftr_link li a {
    font-size: 14px;
    line-height: 18px;
}
.howworkbox img{width: 50%;}
.urban_cart a ins{padding: 2px 6px; font-size: 16px;}
.banner_text{width: 70%;}
.banner_text{font-size: 26px; line-height: 30px;}
}

@media screen and (max-width: 820px){
    .urban_search_desk {
        min-width: 300px;
    }
    .top_menu a {
        font-size: 12px;
        line-height: 16px;
    }
    .top_menu a:before{
        height: 10px;
    }
    .header_top{
        padding:5px 0 50px 0;
    }
    .urbarlogo a {
        width: 150px;
    }
    .urban_add {
        width: 220px;
    }
    .urban_revo h2 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .urban_revo ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px){}
@media screen and (min-width: 768px){
    #cat-clik{display: none;}
    #cat-cont{display: block !important;}
}
@media screen and (max-width: 767px){
    .howworkbox{
        padding: 2%;
    }
    .howworkbox h2 {
        font-size: 14px;
    }
    .recipes_area {
        margin-top: 15px;
    }

    .bd_newsletter,.bd_newsletter_input{width:100%;}

    .ftr_sec .ftr_box, .ftr_box:nth-child(1), .ftr_box.customer_hours, .ftr_box:nth-last-child(1) {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 5px 0;
    }

    .ptb {
        padding: 20px 0;
    }
    .pb{padding-bottom: 20px;}
    .product-dt-right h2{font-size: 18px; margin-bottom: 10px;}
    .bd_menu.mob_nav li a{padding: 6px !important;}
    .ftr_sec{text-align: center;}
    .dashboard-right{margin-top: 0px;}
    .dashboard-right h2{font-size: 1.5rem;}
    .cart-text h4{padding-right: 32px;}
    .checkout-step{padding: 15px;}
    .cart-total-dil h4{color: #fff;}
    .cart-total-dil span{color: #fff;}
    .contact-form {
        background: #fff;
        border-radius: 5px;
        padding: 0;
        margin-top: 0;
        margin-bottom: 14px;
    }
    .contact-form button{width: auto !important;}
    .contact-info img{margin-bottom: 0px !important;}
    .contact-info h2,.contact-info h4{margin: 10px 0 !important;}
    .banner_text{width: 100%;}
    .home-slider .item a.item_img{height: 200px;}
    /* .banner_text_area{position: static; transform: none; margin-top: 15px;} */
    .banner_text{padding: 10px;}
    .home-slider .item a.item_img img{height: 200px;}
    .banner_text h2{font-size: 20px; line-height: 30px;}
    .banner_text p{
        display: block;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        line-height: 16px;
    }
    .banner_text a{padding: 8px 14px; font-size: 12px; line-height: 16px;}
    .checkout-safety-alerts{margin-bottom: 30px;}
    .checkout-step{padding: 15px;}
    .all-product-grid .col-lg-8.col-md-7{order: 1;}
}

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

@media screen and (max-width: 667px){
    .urban_add {
        display: none;
    }
    .mob_urbansearch{display: block;}
    .mob_urbansearch a {
        color: #fff;
        font-size:20px;
    }
    .urban_search{display: none;}
    #searchModal .urban_search{display: block;}
    #searchModal button.close {
        position: absolute;
        top: -15px;
        right: 0px;
        background: white;
        opacity: 1;
        width: 30px;
        height: 30px;
    }
    .urban_account {
        order: 0;
        margin-left: auto;
        margin-right: 10px;
    }
    .header_top {
        background: #443635;
        padding: 5px 0;
    }
    .urbanprofile, .urbancart_sec {
        margin-right: 7px;
    }
    .urban_cart a {
        width:26px;
        height:26px;
    }
    .urban_cart a ins
    {
        top: -8px;
        font-size: 14px;
    }
    .bd_teamimg{
        max-width: 100%;
        /* flex: 0 0 35%; */
        padding: 10px;
        margin-left: 30%;
    }
    .bd_teambox {
        background: #f7f7f7;
        padding: 20px;
        max-width: 100%;
         flex: 0 0 100%; 
    }
    .dashboard-right{margin-top: 0px;}
}

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

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

@media screen and (max-width: 540px){
    .howworkbox {flex: 0 0 100%;max-width: 100%;}
    .urbanprofile a, .urbanprofile a:hover{padding: 7px 15px;}
}

@media screen and (max-width: 480px){
    .ftr_box.customer_hours, .ftr_box:nth-last-child(1)
    {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer_last {
        padding: 10px 0;
    }
    .footer_last p{
        font-size: 14px; line-height: 20px;
        padding: 0px 10px;
    }
    .urban_revo{display: none;}
    /* .home-slider .item a {
        height: 200px;
    } */

    .main-title-left h2,
    .heading h2
    {
        font-size: 20px;
    }
    .testimonial_text {
        font-size: 16px;
        line-height: 24px;
    }
    .bd_teambtm{padding-right: 0;}
    .bd_prohead h2{font-size: 22px;}
    .bd_procat{margin-bottom: 20px; display: block;}
    .bd_procat a:nth-child(1){margin-left: 6px;}
    .bd_procat a {
        border: 2px solid #003305;
        font-size: 15px;
        color: #000;
        padding: 5px 12px;
        margin: 6px 6px;
        border-radius: 5px;
        white-space: nowrap;
        width: 45%;
        display: block;
        float: left;
        text-align: center;
    }
    .banner_text h2{font-size: 18px; line-height: 22px;}
    #cart_product_items_all {overflow-x: scroll;}
    .bd_newsletter h2{font-size: 16px;  line-height: 22px;}
}

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

@media screen and (max-width: 375px){
    .top_menu a {padding-right: 5px;margin-right: 5px}
    .urban_account{margin-right: 10px;}
    .urban_cart a ins {top: -3px; font-size: 12px; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center;}
    .urbanprofile{margin: 0;}
    .mob_urbansearch a{font-size: 18px;}
    .urbanprofile, .urbancart_sec {margin-right: 0;}
    #searchModal .modal-body{padding: 0;}
    #searchModal button.close{border-radius: 2px 2px 0 0;top: -28px;}
    .urbancart_sec{margin-left: 6px;}
    .header_top{padding: 8px 0px;}
    .testimonial_text:before, .testimonial_text::after{width: 40px; height: 30px; background-size: contain; background-repeat: no-repeat;}
    .testimonial_text:before{padding: 0 40px;}
    .cart-text h4{font-size: 14px; line-height: 20px;}
    button.cart-close-btn{width: 24px; height: 24px;}
    .cart-checkout-btn{padding: 8px;}
    .checkout-step
}
@media screen and (max-width: 320px){
    .urbancart_sec{margin-left:10px;}
    .top_menu a {padding-right: 3px;margin-right: 3px;}
    .urban_account {margin-right: 0;}
    .mob_urbansearch a{font-size: 16px;}
    .urban_accountdrop .btn{padding: 2px 6px;margin-right: 0;font-size: 12px;}
    .mob_urbansearch i{color: #fff;}
    .top_menu{display: none;}
    .urban_account{margin-left: 0;}
}