@import url('variables.css');

@media (max-width: 1499px) {
    .container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }
    .container {
        max-width: 1320px;
    }
    /*=====================================
        header css
    ======================================*/
    /* megamenu css */
    .megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title {
        font-size: 14px;
    }

}
@media (max-width: 1399px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width: 1280px) {
    /* logo desc css */
    .footer-one .footer-content-area ul.footer-ul li.footer-li .desc {
        width: 100%;
    }
    /* store info css */
    .footer-one .footer-content-area ul.footer-ul li.footer-li.store-info ul.f-link-ul li.f-link-ul-li {
        width: 100%;
    }
}
/*=====================================
idap-pro css
======================================*/
@media (max-width: 1199px){
/* body hidden class */
body.hidden {
    overflow-y: hidden;
    padding-right: 0px;
}

/* container css */
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}
.container {
    max-width: 960px;
}

a.top-reservation {
    display: block;
}

/* swiper button css */
.category-slider-area .category-area .swiper-buttons,
.home-product-slider .pro-slider-area .swiper-buttons,
.testimonials-area .testimonials-main .swiper-buttons {
    margin-top: 30px;
}
.category-slider-area .category-area .swiper-buttons button {
    position: unset;
    transform: unset;
    opacity: 1;
    visibility: visible;
    margin-left: 10px;
}
.main-slider .slider-area .swiper-buttons {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
}
.main-slider .slider-area .swiper-buttons button.slider-swiper-prev,
.main-slider .slider-area .swiper-buttons button.slider-swiper-next,
.home-product-slider .pro-slider-area .swiper-buttons button.pro-14-swiper-prev,
.home-product-slider .pro-slider-area .swiper-buttons button.pro-14-swiper-next,
.testimonials-area .testimonials-main .swiper-buttons button.testi-swiper-next,
.testimonials-area .testimonials-main .swiper-buttons button.testi-swiper-prev {
    position: unset;
    transform: unset;
}

/* button css */
.btn-style3 {
    padding: 10px 22px;
}

/* section padding css */
.section-t-padding{
    padding-top: 80px;
}
.section-b-padding{
    padding-bottom: 80px;
}
.section-tb-padding{
    padding-top: 80px;
    padding-bottom: 80px;
}
/* section title */
.section-capture {
    margin-bottom: 36px;
}
.section-capture .section-title h2 {
    font-size: 27px;
}

/*=====================================
    header css
======================================*/
/* header call css */
.header-main-area .header-main .header-element.contact-area a.call-text span.text {
    font-size: 14px;
} 

/* header top css */
.header-main-area .header-main .header-element.logo {
    width: 25%;
    margin-right: 20px;
}
.header-main-area .header-main .header-element.header-search{
    width: 55%;
    margin-right: 20px;
}
.header-main-area .header-main .header-element.right-block-box {
    width: 20%;
}
/* right block css */
.header-main-area .header-main .header-element.right-block-box ul.shop-element li.side-wrap {
    margin-left: 30px;
}
/* toggler css */
.header-main-area .header-main .header-element.right-block-box ul.shop-element li.nav-toggler{
    display: block;
}
/* tracking css */
.tracking-wrap a.header-tracking span.tracking-counter{
    right: 0px;
}
/* wishlist css */
.wishlist-wrap a.header-wishlist span.wishlist-counter{
    right: 0px;
}
/* cart css */
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.bigcounter{
    right: 0px;
}
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-price{
    display: none;
}
/* lg-menu */
.menu-area{
    display: none;
}
/* header-bottom css */
.header-bottom-area{
    display: block;
}
.header-bottom-area .main-menu-area{
    align-items: flex-start;
    position: fixed;
    top: 0;
    left: -300px;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    border-top: none;
}
.header-bottom-area .main-menu-area.active{
    left: 0;
    opacity: 1;
    visibility: visible;
}
.header-bottom-area .main-menu-area,
.header-bottom-area .main-menu-area.active{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.header-bottom-area .main-menu-area .main-navigation .navbar-collapse{
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 45px;
}
.header-bottom-area .main-menu-area .main-navigation .navbar-collapse .megamenu-content{
    width: 100%;
}
/* box-header css */
.main-menu-area .main-navigation .box-header{
    display: block;
}
/* main-menu css */
.megamenu-content .mainwrap ul.main-menu{
    flex-direction: column;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link{
    border-top: 1px solid #eee;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title{
    display: flex;
    padding: 10px 15px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title{
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg,
.megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="false"]{
    color: #222;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="true"]{
    color: #73841b;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title::after{
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title i{
    margin-left: 0;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link.parent a.link-title.link-title-lg[aria-expanded="true"] i{
    transform: rotate(180deg);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link a.link-title span.sp-link-title span.hot{
    top: -8px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu.collapse:not(.show),
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu.collapse:not(.show){
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu{
    padding: 0;
    position: unset;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li{
    margin-top: 0;
    border-top: 1px solid #eee;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu li.submenu-li a.submenu-link{
    display: block;
    padding: 10px 15px 10px 25px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li{
    width: 100%;
    padding: 0 0;
    border-top: 1px solid #eee;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li h2.sublink-title{
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px 10px 25px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg,
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="false"]{
    color: #222;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"]{
    color: #73841b;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li a.sublink-title.sublink-title-lg[aria-expanded="true"] i{
    transform: rotate(180deg);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu.collapse:not(.show){
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li{
    margin-top: 0;
    border-top: 1px solid #eee;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.mega-menu li.megamenu-li ul.dropdown-supmenu li.supmenu-li a{
    display: block;
    padding: 10px 15px 10px 30px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner{
    width: 100%;
    padding: 0 0;
    border-top: 1px solid #eee;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-img{
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.banner-menu li.menu-banner a.menu-banner-title{
    padding: 10px 15px 10px 25px;
    margin-top: 0px;
    text-align: left;
}
/* top css */
.top-6 ul.top-home .t-offer{
    display: none;
}
.top-6 ul.top-home .delivery-partner{
    display: block;
}
.top-6 ul.top-home{
    /* justify-content: flex-end; */
    justify-content: space-between;
}
.top-6 ul.top-home li.t-content,
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.notification-title{
    /* display: none; */
}
.top-6 ul.top-home li.top-home-li ul.top-dropdown li.top-dropdown-li{
    padding: 10px 5px;
}
/* header top css */
.header-main-area .header-main{
    padding: 10px 0px;
    justify-content: space-between;
}
.header-main-area .header-main .header-element.logo{
    width: 50%;
}
.header-main-area .header-main .header-element.header-search{
    display: none;
}
.header-main-area .header-main .header-element.right-block-box{
    width: 50%;
}
.header-main-area .header-main .header-element.right-block-box ul.shop-element li.search-wrap{
    display: block;
}
.tracking-wrap a.header-tracking{
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.wishlist-wrap a.header-wishlist{
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.shopping-widget .shopping-cart a.cart-count{
    background-color: transparent;
    width: 30px;
    height: 30px;
}
.wishlist-wrap a.header-wishlist span.wishlist-icon i,
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon i{
    font-weight: 500;
}
.header-main-area .header-main .header-element.right-block-box ul.shop-element li.search-wrap .search-rap a.search-popuup,
.wishlist-wrap a.header-wishlist span.wishlist-icon span.wishlist-icon,
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.cart-icon{
    font-size: 20px;
}
.wishlist-wrap a.header-wishlist span.wishlist-icon span.wishlist-counter,
.shopping-widget .shopping-cart a.cart-count span.cart-icon-wrap span.bigcounter{
    left: 10px;
}
.wishlist-wrap a.header-wishlist span.wishlist-icon span.wishlist-counter{
    left: 14px;
    top: 0px;
}
/* blog menu */
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li{
    padding: 0px;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.g-l-link{
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{
    display: block;
    padding: 10px 25px 10px 25px;
    font-weight: 400;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link[aria-expanded="true"]{
    color: var(--primary-color);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li a.sub-link[aria-expanded="true"] i{
    transform: rotate(180deg);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1{
    position: unset;
    opacity: 1;
    visibility: visible;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1.collapse:not(.show){
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1{
    width: 100%;
    padding: 0px;
    transform: unset;
    box-shadow: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style{
    display: block;
    padding: 10px 35px;
    border-top: 1px solid #eee;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style[aria-expanded="true"]{
    color: var(--primary-color);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style[aria-expanded="true"] i{
    transform: rotate(270deg);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.sub-style{
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a.blog-sub-style{
    font-size: 13px;
    padding: 10px 40px;
    border-top: 1px solid #eee;
    font-weight: 400;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li a i{
    font-size: 14px;
    transform: rotate(91deg);
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style{
    width: 100%;
    padding: 0px;
    transform: unset;
    box-shadow: none;
    position: unset;
    opacity: 1;
    visibility: visible;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style.collapse:not(.show){
    display: none;
}
.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu.sub-menu li.submenu-li ul.blog-style-1 li ul.grid-style li a{
    font-size: 13px;
    padding: 10px 50px;
    border-top: 1px solid #eee;
}

/* slider css */
.main-slider .slider-area .slider-block a img {
    height: 400px;
    object-fit: cover;
}
.main-slider .slider-area .slider-block .slider-content .slider-text span.subtitle {
    font-size: 16px;
    margin-bottom: 18px;
}
.main-slider .slider-area .slider-block .slider-content .slider-text h1.title {
    font-size: 32px;
}
.main-slider .slider-area .slider-block .slider-content .slider-text a {
    /* margin-top: 24px; */
    margin-top: 12px;
}

/* banner css */
.home-banner-area .banner-block ul.banner-ul {
    margin-left: -15px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li {
    width: calc(33.33% - 15px);
    margin-left: 15px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content span.subtitle {
    margin-bottom: 7px;
}
.home-banner-area .banner-block ul.banner-ul li.banner-li .banner-area .banner-content a.banner-btn {
    margin-top: 8px;
}

/* product css */
.tred-pro .pro-icn {
    top: unset;
    bottom: 15px;
    left: 0px;
    right: 0px;
    opacity: 1;
    visibility: visible;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tred-pro .pro-icn a.w-c-q-icn {
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-left: 5px;
}
.tred-pro .pro-icn a.w-c-q-icn:first-child {
    margin-left: 0px;
}
.tred-pro .pro-icn a.w-c-q-icn.cart {
    display: flex;
}
.tred-pro .desk-cart {
    display: none;
}

/* offer text css */
.offer-text-block .offer-text .text-block h1 {
    font-size: 16px;
}

/* service css */
.service-area .service-main ul.service-ul li.service-li {
    width: 50%;
}
.service-area .service-main ul.service-ul li.service-li .service-item .service-icon a {
    font-size: 28px;
}

/* 4-grid product css */
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child{
    margin-right: 5px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child{
    margin-left: 5px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i{
    width: 35px;
    height: 35px;
    font-size: 14px;
}
/* product page css */
.pro-releted .section-title h2{
    font-size: 24px;
}
.pro-page .pro-image{
    flex-direction: column;
}
.pro-page .pro-image .pro-info h4{
    font-size: 18px;
}
/* search page style-2 list product css */
.search-title h3{
    font-size: 24px;
}
.style-2-list-search-pro-area .search-pro-items .search-img{
    width: 32%;
}
.style-2-list-search-pro-area .search-pro-items .search-caption{
    width: 68%;
}

/* blog css */
.blog-area .blog-post .blog-content .desc {
    margin-top: 12px;
}
.blog-area .blog-post .blog-content .author-name {
    margin-top: 9px;
}

/* newsletter css */
.news-5 form {
    width: 80%;
}
/* footer css */
.f-logo ul.footer-ul li.footer-logo p {
    font-size: 13px;
}
.home5-footer{
    flex-wrap: wrap;
}
.f-logo{
    width: 25%;
}
.footer-bottom{
    width: 75%;
}
/* footer style-5 product css */
.footer-style-5-pro .header-product .caption{
    width: calc(60% - 15px);
    margin-left: 15px;
}
.footer-style-5-pro .header-product .caption span.pro-des{
    font-size: 13px;
}
.footer-style-5-pro .header-product .caption .rating{
    margin-top: 7px;
}
.footer-style-5-pro .header-product .caption .pro-price{
    margin-top: 7px;
}
.footer-style-5-pro .header-product .caption .pro-icn{
    margin-top: 10px;
}
.footer-style-5-pro .header-product .caption .pro-icn a.w-c-q-icn{
    width: 35px;
    height: 35px;
    font-size: 14px;
}

/* privacy policy page css */
.privacy-title h1{
    font-size: 24px;
}
.privacy-content ul{
    padding-left: 15px;
}
/* return page css */
.return-title h1{
    font-size: 24px;
}

}
/*=====================================
ipad css
======================================*/
@media (max-width: 991px){
/* carousel button css */
.h-t-products1 .trending-products .owl-nav button.owl-prev,
.testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-prev{
    left: -10px;
}
.h-t-products1 .trending-products .owl-nav button.owl-next,
.testimonial-bg1 .testi-m.owl-carousel .owl-nav button.owl-next{
    right: -10px;
}

/* container css */
.container {
    max-width: 960px;
}

a.top-reservation {
    display: block;
}

/* banner css */
.home-banner-area .banner-block ul.banner-ul li.banner-li {
    width: calc(50% - 15px);
}

/* footer copyright css */
.news-5 .news-content h2{
    font-size: 20px;
}
.f-logo{
    width: 100%;
    text-align: center;
}
.footer-bottom{
    width: 100%;
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #e2e2e2;
}
.footer-copyright ul.f-bottom li.f-c{
    width: 100%;
}
.footer-copyright ul.f-bottom li.f-payment{
    text-align: center;
}
.footer-copyright ul.f-bottom li.f-copyright{
    text-align: center;
}
ul.f-bottom li.f-c ul.f-bottom li.f-social{
    margin-top: 8px;
    margin-bottom: 14px;
}

/* 4-grid product css */
.grid-4-product .grid-pro ul.grid-product{
    margin-left: -20px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items{
    width: calc(33.33% - 20px);
    margin-left: 20px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro{
    margin-top: 20px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption{
    padding-top: 10px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating{
    margin-top: 9px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price{
    margin-top: 11px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price{
    font-size: 15px;
}
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price{
    font-size: 13px;
}
/* product page css */
.pro-releted .section-title h2{
    font-size: 20px;
}
.pro-page .pro-image .pro-info h4{
    font-size: 16px;
}
.pro-page .pro-image .pro-info .pro-btn a {
    padding: 10px 20px;
}
.pro-page .pro-shipping .product-service {
    padding: 15px;
}
.pro-page .pro-shipping .product-service {
    margin-left: 20px;
}
.pro-page .pro-shipping .product-service p {
    margin-top: 12px;
    font-size: 13px;
}
.pro-page .pro-shipping .product-service .icon-title h4 {
    font-size: 14px;
    margin-left: 15px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item {
    margin-right: 50px;
}
.pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item a.nav-link {
    padding: 10px 20px;
}

/* style-6 full-left-right grid css */
.blog-style-6-3-grid,
.blog-style-6-left-3-grid,
.blog-style-6-right-3-grid{
    margin-top: -20px;
}
.blog-style-6-3-grid .blog-start{
    width: calc(50% - 30px);
    margin-top: 20px;
}
.blog-style-6-left-3-grid,
.blog-style-6-right-3-grid{
    margin-left: 0px;
}
.blog-style-6-left-3-grid .blog-start,
.blog-style-6-right-3-grid .blog-start{
    width: 100%;
    margin-left: 0px;
    margin-top: 30px;
}
/* style-6 full-left-right list blog css */
.left-blog-list-style-6 .blog-start,
.right-blog-list-style-6 .blog-start{
    flex-direction: column;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.left-blog-list-style-6 .blog-start .blog-image,
.right-blog-list-style-6 .blog-start .blog-image{
    width: 100%;
}
.left-blog-list-style-6 .blog-start .blog-content,
.right-blog-list-style-6 .blog-start .blog-content{
    width: 100%;
    margin-left: 0px;
}
.full-blog-list-style-6 .blog-start .blog-content{
    width: calc(50% - 20px);
    margin-left: 20px;
}
.full-blog-details-style-6 .single-blog-content .single-b-title h4,
.left-blog-details-style-6 .single-blog-content .single-b-title h4,
.right-blog-details-style-6 .single-blog-content .single-b-title h4{
    font-size: 18px;
}
.full-blog-details-style-6 .single-blog-content .blog-comments h4,
.left-blog-details-style-6 .single-blog-content .blog-comments h4,
.right-blog-details-style-6 .single-blog-content .blog-comments h4{
    font-size: 16px;
}
.full-blog-details-style-6 .single-blog-content .comments-form h4,
.left-blog-details-style-6 .single-blog-content .comments-form h4,
.right-blog-details-style-6 .single-blog-content .comments-form h4{
    font-size: 16px;
}
/* full-left-right details blog css */
.style-6-right-column{
    flex-direction: column-reverse;
}
.left-blog-details-style-6,
.right-blog-details-style-6{
    margin-top: 30px;
}
.right-blog-details-style-6 .single-blog-content .last-video,
.left-blog-details-style-6 .single-blog-content .last-video{
    flex-direction: column;
    margin-right: 0px;
}
.right-blog-details-style-6 .single-blog-content .last-video .video,
.left-blog-details-style-6 .single-blog-content .last-video .video{
    margin-top: 30px;
    margin-right: 0px;
}
.right-blog-details-style-6 .single-blog-content .last-video .video:first-child,
.left-blog-details-style-6 .single-blog-content .last-video .video:first-child{
    margin-top: 0px;
}
/* style-6 center blog css */
.center-md{
    padding: 0px 15px;
}
.center-right-area{
    margin-top: 30px;
}

/* full blog list css */
.blog-style-1-list .blog-start{
    width: calc(50% - 30px);
}
.blog-style-1-list .blog-start .blog-post{
    align-items: flex-start;
    flex-direction: column;
}
.blog-style-1-list .blog-start .blog-content,
.blog-style-1-list .blog-start .blog-image{
    width: 100%;
}
.blog-style-1-list .blog-start .blog-content{
    margin-left: 0;
    margin-top: 23px;
}
.blog-style-1-list .blog-start .blog-content .date-comm-adit{
    flex-direction: column;
    align-items: flex-start;
    margin-top: 13px;
    padding-top: 20px;
}
.blog-style-1-list .blog-start .blog-content .date-comm-adit a{
    margin-top: 13px;
}
.blog-style-1-list .blog-start .blog-content .date-comm-adit span.blog-admin{
    margin-top: 12px;
}
.blog-style-1-list .blog-start .blog-content p.blog-description{
    margin-top: 23px;
}
.blog-style-1-list .blog-start .blog-content a.read-link{
    margin-top: 20px;
}
/* left-right blog list css */
.blog-style-1-left-list-blog .blog-start .blog-post,
.blog-style-1-right-blog .blog-start .blog-post{
    flex-direction: column;
}
.blog-style-1-left-list-blog .blog-start,
.blog-style-1-right-blog .blog-start,
.blog-style-1-left-list-blog .blog-start .blog-image,
.blog-style-1-right-blog .blog-start .blog-image{
    width: 100%;
}
/* full-left-right details css */
.blog-style-1-left-details,
.blog-style-1-right-details{
    margin-top: 30px;
}
.blog-style-1-details .single-blog-content .single-b-title h4,
.blog-style-1-left-details .single-blog-content .single-b-title h4,
.blog-style-1-right-details .single-blog-content .single-b-title h4{
    font-size: 18px;
}
.blog-style-1-details .single-blog-content .blog-comments h4,
.blog-style-1-left-details .single-blog-content .blog-comments h4,
.blog-style-1-right-details .single-blog-content .blog-comments h4{
    font-size: 16px;
}
.blog-style-1-details .single-blog-content .comments-form h4,
.blog-style-1-left-details .single-blog-content .comments-form h4,
.blog-style-1-right-details .single-blog-content .comments-form h4{
    font-size: 16px;
}
/* center blog css */
.center-right-area{
    margin-top: 30px;
}
.center-md{
    padding: 0px 15px;
}
.cetner-blog-area .blog-start{
    margin-top: 20px;
}
.right-area.style-1{
    margin-top: 28px;
}

/* address page css */
.address-title h1{
    font-size: 20px;
}
.add-area .add-title h4{
    font-size: 16px;
}

/* privacy policy page css */
.privacy-title h1{
    font-size: 20px;
}

}
/*=====================================
iphone css
======================================*/
@media (max-width: 767px){
    /* container css */
    .container {
        max-width: 100%;
    }
    /* btn style css */
    .btn-style2 {
        padding: 10px 22px;
        font-size: 14px;
    }
    .btn-style3 {
        padding: 8px 16px;
    }

    /* section padding css */
    .section-t-padding{
        padding-top: 60px;
    }
    .section-b-padding{
        padding-bottom: 60px;
    }
    .section-tb-padding{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /* section title css */
    .section-capture {
        margin-bottom: 26px;
    }
    .section-capture .section-title span {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .section-capture .section-title h2 {
        font-size: 22px;
    }
    /* swiper css */
    .swiper-buttons a {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }

    /* top notification css */
    .top-notification-area ul.notification-ul li.notification-li {
        width: 100%;
    }
    .top-notification-area ul.notification-ul li.notification-li.offer-text {
        display: none;
    }
    .top-notification-area ul.notification-ul li.top-url ul.url-ul {
        justify-content: center;
    }
    a.top-reservation {
        display: block;
    }

    .account-text {
        display: none; /* Hide Account text on mobile */
    }

    .account-icon {
        display: inline; /* Show icon on mobile */
    }

    /* header css */
    .header-main-area .header-main .header-element.contact-area {
        display: none;
    }
    .header-main-area .header-main .header-element.logo {
        width: 40%;
        text-align: left;
    }
    .header-main-area .header-main .header-element.right-block-box {
        width: 60%;
    }
    /* right block css */
    .wishlist-wrap {
        display: none;
    }
    .right-block-box ul.shop-element li.side-wrap  {
        margin-left: 15px;
    }

    /* slider css */
    .main-slider .slider-area .slider-block a img {
        height: 350px;
    }
    .main-slider .slider-area .slider-block .slider-content .slider-text h1.title {
        font-size: 20px;
    }
    .main-slider .slider-area .slider-block .slider-content .slider-text a {
        margin-top: 20px;
    }



    /*--------------------------
        home category start
    ---------------------------*/
    .category {
        width: 120px;
        height: 120px;
    }
    .category-container .title {
        font-size: 14px;
    }

    /*--------------------------
        Footer css
    ---------------------------*/
    .news-5{
        width: 100%;
    }
    .news-5 form {
        width: 75%;
    }
    .news-5 form input{
        padding: 10px 15px;
    }
    .news-5 form a {
        padding: 10px 30px;
    }
    /* service css */
    .f-logo{
        width: 100%;
    }
    .footer-bottom{
        width: 100%;
        padding-top: 0px;
        border-top: none;
    }
    /* footer bottom css */
    .footer-link .f-link{
        width: 100%;
        margin-top: 14px;
    }
    .footer-link .f-link:first-child {
        margin-top: 0px;
    }
    .footer-link .f-link{
        padding-left: 0px;
    }
    .footer-link .f-link:first-child a.h-footer{
        margin-top: 0px;
        padding-top: 14px;
        border-top: 1px solid #e2e2e2;
    }
    .footer-link .f-link h2.h-footer{
        display: none;
    }
    .footer-link .f-link a.h-footer{
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 14px;
        border-bottom: 1px solid #e2e2e2;
    }
    .footer-link .f-link a.h-footer[aria-expanded="true"] i::before{
        content: "\f106";
    }
    .footer-link .f-link .collapse:not(.show){
        display: none;
    }
    .footer-link .f-link ul.f-link-ul li.f-link-ul-li:first-child{
        margin-top: 13px;
    }
    /* newslatter popup css */
    .vegist-popup .modal-dialog{
        padding: 15px;
    }
    .vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter{
        padding: 30px;
    }

    /* quick view css */
    .quick-view .modal .modal-dialog{
        max-width: 570px;
        display: flex;
        overflow: auto;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area{
        flex-direction: column;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-image{
        width: 100%;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption{
        width: 100%;
        margin-left: 0px;
        margin-top: 15px;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption h4{
        font-size: 16px;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-price{
        margin-top: 7px;
    }
    .quick-view .modal .modal-dialog .modal-content .quick-veiw-area .quick-caption .quick-rating{
        margin-top: 8px;
    }
    /* newslatter popup css */
    .vegist-popup .modal-dialog{
        padding: 15px;
    }
    .vegist-popup .modal-dialog .modal-content .modal-body .popup-content .pop-up-newsletter{
        padding: 30px;
    }

    /* 4-grid product css */
    .grid-4-product .grid-pro ul.grid-product{
        margin-left: -15px;
    }
    .grid-4-product .grid-pro ul.grid-product li.grid-items{
        width: calc(50% - 15px);
        margin-left: 15px;
    }
    /* product page css product css */
    .pro-page .pro-image .larg-image a.long-img {
        margin-bottom: 0px;
    }
    .pro-releted .section-title h2{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .pro-page .pro-image{
        flex-direction: column;
    }
    .pro-info{
        padding-right: 15px;
        margin-top: 15px;
    }
    .pro-page .pro-image .pro-info .pro-price span.new-price{
        font-size: 14px;
    }
    .pro-page .pro-shipping {
        flex-direction: column;
    }
    .pro-page .pro-shipping .product-service {
        width: 100%;
        margin-left: 0px;
    }
    .pro-page .pro-shipping .product-service:first-child {
        width: 100%;
    } 
    .pro-page-content .pro-page-tab ul.nav.nav-tabs{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item{
        margin: 0 auto;
    }
    .pro-page-content .pro-page-tab ul.nav.nav-tabs li.nav-item:last-child{
        margin: auto;
    }
    .pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content h4{
        font-size: 14px;
    }
    .pro-page-content .pro-page-tab .tab-content .tab-pane h4.reviews-title{
        text-align: center;
    }
    .pro-page-content .pro-page-tab .tab-content .tab-pane .customer-reviews.t-desk-2{
        text-align: center;
    }
    .pro-page-content .pro-page-tab .tab-content .tab-pane .tab-1content ul.tab-description li{
        font-size: 13px;
    }

    /* style-6 full-left-right grid css */
    .blog-style-6-3-grid{
        margin-left: 0px;
    }
    .blog-style-6-left-3-grid,
    .blog-style-6-right-3-grid{
        margin-left: 0px;
        margin-top: 0px;
    }
    .blog-style-6-3-grid .blog-start{
        width: 100% !important;
        margin-left: 0px;
    }
    .blog-style-6-3-grid .blog-start .blog-content .blog-title h6,
    .blog-style-6-left-3-grid .blog-start .blog-content .blog-title h6, 
    .blog-style-6-right-3-grid .blog-start .blog-content .blog-title h6 {
        padding-top: 13px;
    }
    .blog-style-6-3-grid .blog-start .blog-content p.blog-description,
    .blog-style-6-left-3-grid .blog-start .blog-content p.blog-description,
    .blog-style-6-right-3-grid .blog-start .blog-content p.blog-description{
        margin-top: 6px;
    }
    .blog-style-6-3-grid .blog-start .blog-content .more-blog,
    .blog-style-6-left-3-grid .blog-start .blog-content .more-blog,
    .blog-style-6-right-3-grid .blog-start .blog-content .more-blog{
        margin-top: 7px;
    }
    /* style-6 full-left-right list blog css */
    .full-blog-list-style-6 .blog-start{
        flex-direction: column;
    }
    .left-blog-list-style-6,
    .right-blog-list-style-6{
        margin-top: 30px;
    }
    .full-blog-list-style-6,
    .left-blog-list-style-6,
    .right-blog-list-style-6 {
        margin-left: -20px;
    }
    .full-blog-list-style-6 .blog-start,
    .left-blog-list-style-6 .blog-start,
    .right-blog-list-style-6 .blog-start {
        width: calc(50% - 20px);
        margin-left: 20px;
    }
    .full-blog-list-style-6 .blog-start .blog-image{
        width: 100%;
    }
    .full-blog-list-style-6 .blog-start .blog-content,
    .left-blog-list-style-6 .blog-start .blog-content,
    .right-blog-list-style-6 .blog-start .blog-content{
        width: 100%;
        margin-left: 0px;
        padding-top: 23px;
    }
    /* style-6 full-left-right blog details css */
    .full-blog-details-style-6 .single-blog-content .last-video,
    .left-blog-details-style-6 .single-blog-content .last-video,
    .right-blog-details-style-6 .single-blog-content .last-video{
        margin-right: 0px;
        flex-direction: column;
    }
    .full-blog-details-style-6 .single-blog-content .last-video .video:first-child,
    .left-blog-details-style-6 .single-blog-content .last-video .video:first-child,
    .right-blog-details-style-6 .single-blog-content .last-video .video:first-child {
        margin-top: 0px;
    }
    .full-blog-details-style-6 .single-blog-content .last-video .video,
    .left-blog-details-style-6 .single-blog-content .last-video .video,
    .right-blog-details-style-6 .single-blog-content .last-video .video{
        width: 100%;
        margin-right: 0px;
        margin-top: 30px;
        line-height: 0;
    }
    .full-blog-details-style-6 .single-blog-content .last-video .video iframe,
    .left-blog-details-style-6 .single-blog-content .last-video .video iframe,
    .right-blog-details-style-6 .single-blog-content .last-video .video iframe{
        width: 100%;
    }
    .full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
    .left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description,
    .right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description p.bold-description{
        font-size: 14px;
        font-weight: 600;
    }
    .full-blog-details-style-6 .single-blog-content .b-link,
    .left-blog-details-style-6 .single-blog-content .b-link,
    .right-blog-details-style-6 .single-blog-content .b-link{
        margin-top: 20px;
    }
    /* style-6 center blog css */
    .cetner-blog-style-6 .blog-start:nth-child(1) {
        margin-top: 30px;
    }

    /* address page css */
    .add-area .address-content ul.address-input{
        flex-direction: column;
    }
    .add-area .address-content ul.address-input li.type-add{
        width: calc(100% - 30px);
        margin-top: 15px;
    }
    .add-area .address-content label.check{
        margin-top: 20px;
        margin-bottom: 0px;
    }
    .add-area .address-content .add-link{
        margin-top: 20px;
    }
    /* contact page css */
    .map-area .map-title h1{
        font-size: 18px;
        margin-bottom: 20px;
    }
    .map-area .map {
        display: block;
    }
    .map-area .map-details{
        margin-top: -30px;
    }
    .map-area .map-details .contact-info{
        width: 100%;
        margin-top: 30px;
    }
    .map-area .map-details .contact-info .contact-details a {
        margin-top: 14px;
    }
    .map-area .map-details .contact-info .information{
        margin-left: 0px;
    }
    .map-area .map-details .contact-info .information .contact-in ul.info-details li i{
        margin-right: 5px;
    }
    .information-container {
        order: 1; /* Show this second on mobile */
      }
      .form-container {
        order: 2; /* Show this first on mobile */
      }
}

@media (max-width: 600px) {
    /* banner css */
    .home-banner-area .banner-block ul.banner-ul li.banner-li {
        width: calc(100% - 15px);
    } 
    .service-area .service-main ul.service-ul li.service-li {
        width: 100%;
    }

    /* newsletter css */
    .newsletter-area .newsletter-block {
        width: 100%;
    }
    .newsletter-area .newsletter-block .newsletter-title h4 {
        font-size: 20px;
    }
}

/* mobie css */
@media (max-width: 479px) {
    /* btn style css */
    .btn-style1 {
        font-size: 14px;
        padding: 10px 22px;
    }

    /* header css */
    .right-block-box ul.shop-element li.side-wrap {
        margin-left: 15px;
    }
    .right-block-box ul.shop-element li.side-wrap a span.icon i {
        font-size: 16px;
        margin-right: 0px;
    }
    .right-block-box ul.shop-element li.side-wrap a span.icon span.bigcounter {
        display: none;
    }

    /* toggle css */
    button.navbar-toggler span.line,
    button.navbar-toggler span.line::before,
    button.navbar-toggler span.line::after {
        width: 16px;
    }
    button.navbar-toggler span.line::before {
        top: 6px;
    }
    button.navbar-toggler span.line::after {
        top: -6px;
    }

    /* slider css */
    .main-slider .slider-area .slider-block .slider-content .slider-text h1.title {
        font-size: 25px;
    }
    .main-slider .slider-area .slider-block .slider-content .slider-text p.desc {
        max-width: 100%;
    }

    /* offer text css */
    .offer-text-block .offer-text .text-block h1 {
        font-size: 13px;
    }

    /* blog css */
    .home2-blog .blog2 .blog-start .blog-content {
        padding-top: 20px;
    }
    .home2-blog .blog2 .blog-start .blog-content .blog-title h6 {
        margin-top: 16px;
        padding-top: 9px;
    }
    .home2-blog .blog2 .blog-start .blog-content p.blog-description{
        margin-top: 6px;
    }
    .home2-blog .blog2 .blog-start .blog-content .more-blog{
        margin-top: 7px;
    }
    .home2-blog .all-blog2{
        margin-top: 20px;
    }

    /* newsletter css */
    .news-5 form {
        width: 100%;
    }
    /* footer css */
    .home5-footer {
        padding-top: 30px;
        margin-top: 30px;
    }
    .footer-bottom {
        margin-top: 30px;
    }
    .f-logo {
        text-align: left;
    }
    .f-logo ul.footer-ul li.footer-li.footer-contact.footer-map,
    .f-logo ul.footer-ul li.footer-li.footer-contact {
        width: 100%;
    }
    .f-logo ul.footer-ul li.footer-li.footer-contact.footer-map {
        margin-top: 9px;
    }

    /* copyright css */
    .footer-copyright {
        padding: 15px 0 50px 0;
    }
    .footer-copyright ul.copyrighta-ul {
        flex-direction: column;
    }
    .footer-copyright ul.copyrighta-ul li.copyrighta-li.social {
        margin-top: 14px;
    }

    /* style-6 full left right blog list css */
    .full-blog-list-style-6,
    .left-blog-list-style-6,
    .right-blog-list-style-6 {
        margin-left: 0px;
    }
    .full-blog-list-style-6 .blog-start,
    .left-blog-list-style-6 .blog-start,
    .right-blog-list-style-6 .blog-start {
        width: 100%;
        margin-left: 0px;
    }
    .full-blog-list-style-6 .blog-start .blog-content,
    .left-blog-list-style-6 .blog-start .blog-content,
    .right-blog-list-style-6 .blog-start .blog-content {
        padding-top: 13px;
    }
    .full-blog-list-style-6 .blog-start .blog-content p.blog-description,
    .left-blog-list-style-6 .blog-start .blog-content p.blog-description,
    .right-blog-list-style-6 .blog-start .blog-content p.blog-description {
        margin-top: 6px;
    }
    .full-blog-list-style-6 .blog-start .blog-content .more-blog,
    .left-blog-list-style-6 .blog-start .blog-content .more-blog,
    .right-blog-list-style-6 .blog-start .blog-content .more-blog {
        margin-top: 7px;
    }
    /* style-6 center blog css */
    .cetner-blog-style-6{
        margin-top: 30px;
    }
    .cetner-blog-style-6 .blog-start{
        margin-top: 20px;
    }
    .cetner-blog-style-6 .blog-start .blog-content {
        padding-top: 13px;
    }
    .cetner-blog-style-6 .blog-start .blog-content p.blog-description{
        font-size: 13px;
        margin-top: 5px;
    }
    .cetner-blog-style-6 .blog-start .blog-content .more-blog{
        margin-top: 5px;
    }
    .full-blog-details-style-6 .single-blog-content .single-b-title h4,
    .left-blog-details-style-6 .single-blog-content .single-b-title h4,
    .right-blog-details-style-6 .single-blog-content .single-b-title h4{
        font-size: 16px;
    }
    .full-blog-details-style-6 .single-blog-content .date-edit-comments,
    .left-blog-details-style-6 .single-blog-content .date-edit-comments,
    .right-blog-details-style-6 .single-blog-content .date-edit-comments{
        flex-direction: column;
        align-items: flex-start;
    }
    .full-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
    .left-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit,
    .right-blog-details-style-6 .single-blog-content .date-edit-comments span.blog-edit{
        margin-top: 14px;
        margin-bottom: 14px;
    }
    /* style-6 full left right details blog css */
    .full-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
    .left-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img,
    .right-blog-details-style-6 .single-blog-content .blog-description .blog-image-description img{
        width: 100%;
        margin-left: 0px;
        margin-bottom: 24px;
    }

    /* style-1 full list blog */
    .blog-style-1-list {
        margin-left: 0px;
    }
    .blog-style-1-list .blog-start {
        width: 100%;
        margin-left: 0px;
    }
    .blog-style-1-list .blog-start .blog-image {
        width: 100% !important;
    }
    .blog-style-1-list .blog-start .blog-content {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 13px;
    }
    .blog-style-1-list .blog-start .blog-content .date-comm-adit {
        align-items: flex-start !important;
        margin-top: 9px;
        padding-top: 15px;
    }
    .blog-style-1-list .blog-start .blog-content p.blog-description {
        margin-top: 13px;
    }
    .blog-style-1-list .blog-start .blog-content a.read-link {
        margin-top: 10px;
    }
    /* style-1 cenetr blog css */
    .cetner-blog-area .blog-start .blog-content {
        padding: 20px;
    }
    .cetner-blog-area .blog-start .blog-content p.blog-description {
        margin-top: 11px;
    }
    .cetner-blog-area .blog-start .blog-content a.read-link {
        margin-top: 10px;
    }
    /* order history page css */
    .order-histry-area .order-history .order-info {
        overflow-x: auto;
    }
    .order-histry-area .order-history .order-info .table {
        min-width: 540px;
    }
    /* profile page css */
    .order-histry-area .order-history .profile-form form {
        margin-top: -15px;
    }
    .order-histry-area .order-history .profile-form form ul.pro-input-label {
        margin-top: 0px;
    }
    .order-histry-area .order-history .profile-form form ul.pro-input-label li {
        width: calc(100% - 30px);
        margin-top: 15px;
    }
    .order-histry-area .order-history .profile-form form ul.pro-submit {
        flex-direction: column;
        padding-top: 28px;
    }
    .order-histry-area .order-history .profile-form form ul.pro-submit li {
        margin-top: 24px;
    }
    .order-histry-area .order-history .profile-form form ul.pro-submit li:first-child {
        margin-top: 0px;
    }
    /* tickets page css */
    .order-histry-area .order-history .profile-tickets {
        overflow-x: auto;
    }
    .order-histry-area .order-history .profile-tickets .table {
        min-width: 630px;
    }
}

@media (max-width: 320px) {
    /* top-notification css */
    .top-notification-area ul.notification-ul li.top-url ul.url-ul li.url-li a {
        padding: 10px 15px;
    }
}