@media screen and (max-width:320px) {
    footer.bg-dark-2 {
        padding-bottom: 10px;
    }

    div.logo {
        padding: 14px 0 0;
    }

}

@media screen and (max-width: 842px) {
    div.content-category {
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    .top-header .container-fluid, .bottom-header .container-fluid {
        padding: 0 15px!important;
      }
      .sedexMemberHead {
        position: absolute;
        left: -35px!important;
        top: 14px!important;
        background-color: #fff;
        width: 170px!important;
        overflow: hidden;
        z-index: 9;
      }

    #cssmenu li.has-sub:nth-child(3) ul li {
        width: 100%;
    }

    p.process-pl {
        padding: 16px;
    }

    .process-pl {
        padding: 0 15px
    }
}

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

    section.ptb-50.pt-190 {
        padding-top: 30px;
    }

    div.content-category {
        text-align: center;
        height: auto;
        border: 1px solid #c4c4c4;
        padding: 20px;
    }

    img.icon-img {
        width: 55%;
        margin-bottom: 10px;
    }

    .owl-theme .owl-nav {}

    button.owl-next {
        right: 0px;
    }

    button.owl-prev {
        left: 0px;
    }

    div.content-about h1 span {
        display: inline-block;
        margin-top: 0;
    }

    footer.bg-dark-2 {
        padding-bottom: 10px;
    }

    h3.product-head {
        color: #333;
        text-align: center;
    }

    .inquire-form-style button.btn.btn-close {
        top: -1.5%;
    }

    .modal-dialog {
        margin: 1rem;
    }

    div.bottom-header {
        margin-top: 0;
    }

    div.right-header {
        height: 67px;
    }

    .btn-style.d-none-xs {
        display: none;
    }

    div.testimonial-content {
        margin-bottom: 0;
    }

    .about-section .content-about h1 {
        font-size: 36px;
        margin: 0 0 15px;
    }

    .mt-xs-2 {
        margin-top: 15px;
    }

    .h-img i.fas.fa-check {
        font-size: 18px;
        height: 35px;
        width: 35px;
    }

    div.footer-about-content {
        margin: 0 0 30px;
        text-align: left;
    }

    div.inquire-cta {
        padding: 10px 30px;
        text-align: center;
    }

    footer {
        padding: 20px 0 !important;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }

    div.category-section {
        padding: 10px 0;
        margin-bottom: 0;
    }

    .content-category {
        margin-top: 25px;
    }

    section.pt-190 {
        padding-top: 40px;
    }

    div.about-features {
        padding-left: 0;
        margin-top: 30px;
    }

    div.h-img {
        width: 10%;
    }

    div.cta-right {
        margin: 20px 0 0;
        text-align: center;
    }

    ul.topnav_links {
        height: auto;
        padding: 0;
        display: inline-block;
    }

    ul.topnav_links li:first-child {
        margin-left: 0px;
    }

    ul.topnav_links li {
        display: inline-block;
        margin-bottom: 0;
    }

    .text-xs-center {
        text-align: center;
    }

    div.ptb-60,
    section.ptb-60,
    div.ptb-50,
    section.ptb-50 {
        padding: 20px 0;
    }

    .d-none-xs {
        display: none;
    }

    .price {
        margin: 0px;
    }

    .header-right ul {
        margin-top: 0;
    }

    .menu-btn {
        display: block;
    }

    .product-img {
        height: auto;
    }

    .owl-next {
        right: 0;
    }

    .owl-prev {
        left: 0;
    }

    header {
        position: relative;
    }

    .top-header {
        display: none;
    }

    .header-right {
        height: 50px;
        justify-content: flex-start;
    }

    div.logo img {
        width: auto;
        height: 51px;
    }

    .d-block-xs {
        display: block;
    }

    .d-none-xs {
        display: none;
    }

    .header-right ul {
        height: auto;
    }

    .header-right ul li:first-child {
        margin-left: 0;
    }

    .content-style {
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .search-box input {
        height: 40px;
    }

    .search-box .btn {
        height: 40px;
        width: 40px;
    }

    .logo {
        height: 40px;
        width: auto;
    }

    .ptb-50 {
        padding: 30px 0;
    }

    .category-box p {
        height: 25px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .category-box:hover .category-content {
        height: 100%;
    }

    .img-float {
        position: relative !important;
        width: 100% !important;
        right: 0;
        left: 0;
        margin: 15px 0 0;
    }

    .offer-style {
        padding: 20px 20px 0;
        height: auto !important;
        margin: 0;
        text-align: center;
        background: linear-gradient(0deg, #00348e, #030224);
    }

    .pb-40 {
        padding-bottom: 20px;
    }

    .footer-content {
        margin-bottom: 30px;
    }

    .mb-xs-0:last-child {
        margin-bottom: 0px;
    }

    .banner button {
        width: auto;
        height: auto;
        top: 0;
        background: transparent;
        backdrop-filter: none;
    }

    .header-right ul li:first-child {
        margin-right: 15px;
    }

    .category-box.box-1 {
        height: auto !important;
    }

    .category-box {
        height: auto;
    }

    .owl-nav {
        position: relative;
        top: 0;
        width: 115px;
        margin: 0 auto;
        display: block;
        height: 50px;
        margin: 15px auto 0;
    }

    .newsletter-content {
        margin-bottom: 30px;
        border-top: 1px solid #313438;
        padding-top: 30px;
        margin-top: 30px;
    }

    .copyright {
        text-align: center;
    }

    .pay-method {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .copyright p {
        letter-spacing: 0.5px;
        font-size: 13px;
    }

    .why-us {
        display: none;
    }
}

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

    .btn-style-2 {
        padding: 10px;
        font-size: 13px;
    }

    .product-img {
        height: 176px;
    }

    .category-box.box-1 {
        height: 377px;
    }

    .category-box {
        height: 176px
    }

    .price del {
        display: block;
        margin: 0;
    }

    .price del {
        font-size: 13px;
    }

    .header-right ul li a i {
        font-size: 16px;
    }

    i.fas.fa-user {
        height: 25px;
        width: 25px;
        line-height: 25px;
        color: #fff;
        border-radius: 23px;
        font-size: 11px;
        position: relative;
        top: -2px;
        margin-right: 2px;
    }

    .header-right ul li {
        margin-left: 15px;
    }

    .owl-prev {
        left: 0;
    }

    .owl-next {
        right: 0;
    }

    .section-title h2::after {
        margin: 0 auto;
        right: 0;
    }

    .section-title h2 {
        font-size: 30px;
    }

    .section-title {
        text-align: center;
    }

    .cart-dropdown.show {
        right: -23px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .img-float {
        position: absolute !important;
        width: 200px !important;
    }

    .offer-style {
        padding: 30px !important;
    }
}

@media screen and (max-width: 1193px) {
    .product-img {
        height: auto;
    }

    .d-block-xs {
        display: inline-block !important;
    }

    .category-box.box-1 {
        height: 313px;
    }

    .category-content {
        height: 100px;
    }

    .category-box:hover .category-content {
        height: 140px;
    }

    .category-box:hover p {
        height: 20px;
        overflow: hidden;
    }

    .header-right ul {
        margin-top: -10px;
    }

    .category-box {
        height: auto;
    }

    .header-right ul li:first-child {
        margin-left: 0;
        margin-right: 15px;
    }

    ul.d-none-xs {
        display: none;
    }

    .menu-btn {
        display: inline-block;
    }

    .logo {
        width: 100%;
    }

    .img-float {
        position: absolute;
        width: 240px;
        right: 11%;
        left: auto;
    }

    .offer-style {
        margin-top: 85px;
        padding: 20px 20px 0 40px;
        height: 300px;
        text-align: left;
        background-size: cover;
        background: linear-gradient(0deg, #00348e, #030224);
    }

    .category-content h3 {
        font-size: 20px;
        font-weight: 700;
    }
}

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

    .cart-dropdown.show {
        right: 0 !important;
    }

    .img-float {
        width: 100% !important;
        right: auto !important;
    }

    .offer-style {
        margin-top: 0px !important;
    }

    .offer-style {
        margin-top: 0px !important;
        padding: 20px 10px 0 !important;
        text-align: center !important;
    }

    .header-right ul li:nth-child(3) {
        font-size: 14px;
    }

    .section-title h2 {
        font-size: 22px !important;
    }

    .menu-btn {
        font-size: 18px;
    }
}


@media screen and (max-width:1200px) {
    .btn.btn-style i {
        margin-left: 0;
    }

    .btn.btn-style {
        padding: 0;
    }

    .btn.btn-style span {
        display: none;
    }
}

@media screen and (max-width:1199px) {
    section.pt-190 {
        padding-top: 240px;
    }

    div.blog-img img,
    div.blog-img {
        height: 373px;
    }

    div.img-offer,
    div.img-offer img {
        height: 169px;
    }
}

@media screen and (max-width:991px) {
    section.about-section {
        height: auto;
    }
}

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

    .container,
    .container-md,
    .container-sm {
        max-width: 950px;
    }

    .inner_breadcrumb {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    div.banner .owl-nav button span {
        background: #cb00007a;
    }

    .product-carousel div.owl-nav,
    .testimonial-carousel div.owl-nav,
    .blog-carousel div.owl-nav {
        position: relative;
        top: 10px;
    }

    .product-carousel div.owl-nav [class*=owl-],
    .testimonial-carousel div.owl-nav [class*=owl-],
    .blog-carousel div.owl-nav [class*=owl-] {
        margin: 0 10px;
    }

    .product-carousel button.owl-prev,
    .testimonial-carousel button.owl-prev,
    .blog-carousel button.owl-prev {
        left: 0;
        position: relative;
    }

    .product-carousel button.owl-next,
    .testimonial-carousel button.owl-next,
    .blog-carousel button.owl-next {
        right: 0;
        position: relative;
    }

    div.banner {
        height: auto;
    }

    .top-header {
        display: none;
    }

    .right-header a.btn.btn-style.d-none-xs {
        display: none;

    }

    .button.btn-menu {
        right: 25px;
        height: 35px;
        top: -29px;
    }

}

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

    .btn.btn-style span {
        display: inline-block;
    }

    .btn.btn-style i {
        margin-left: 20px;
    }

    .btn.btn-style {
        padding: 0px 0px 0px 15px;
    }

    div.menu-btn {
        display: flex;
    }

    .d-none-sm {
        display: none;
    }

    .right-header {
        height: 60px;
    }
}


@media screen and (max-width:480px) {
    section.ptb-50.bg-dark-2.wow.fadeInUp.pt-190 {
        padding-top: 30px;
    }

    div.product-img {
        height: 320px;
    }

    div.img-offer,
    div.img-offer img {
        height: 124px;
    }

    div.blog-img {
        height: 229px;
    }
}

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

    div.process-con,
    div.process-conl {
        width: 100%;
    }

    div.product_listing .product {
        padding: 15px;
    }

    section.heading_banner {
        padding: 20px 0;
    }

    .hidden-xs {
        display: none;
    }

    div.col-lg-3-1 {
        width: 50%;
        margin-bottom: 15px;
    }

    .item_view .caption .btn {
        margin-bottom: 10px;
    }

    .product_listing .product {
        padding: 10px;
    }

    .right-content {
        position: relative;
        padding: 0 15px;
    }

    div.technology_item .title {
        text-transform: capitalize;
    }

    .top-header .container-fluid, .bottom-header .container-fluid {
        padding: 0 15px;
      }

}

li.has-sub li.has-sub .submenu-button {
    opacity: 0;
    visibility: hidden;
}

li.has-sub:last-child li.has-sub .submenu-button {
    opacity: 1;
    visibility: visible;
}