

@media screen and (max-width: 1200px) {
    .banner {
        height: 652px;
        background-position: center;
    }

    .navbar-brand img {
        width: 147px;
    }

    .banner, .cms-banner, .product_detail {
        margin-top: 74px;
    }
    .top-line {
        width: 344px;
        top: -90px;
        right: 0;
    }
    .bottom-line img {
        width: 190px;
    }
    .shoe-img img {
        width: 93% !important;
    }
    .shoe-img {
        position: absolute;
        right: 0;
        top: 0;
        left: 50%;
        transform: translate(-10%, 0%);
    }
    .top-line img {
        margin-right: 110px;
        margin-top: 4px;
        width: 70px;
    }
    .banner-title {
        font-size: 87px;
    }
    .banner-cnt {
        font-size: 14px;
    }
    .bottom-line {
        bottom: -152px;
        width: 471px;
    }
    .banner .owl-dots {
        bottom: 29px;
    }
    .banner-subtitle {
        font-size: 23px;
    }
    .page-template-homepage .wp-block-video video {
        /* height: 430px; */
    }
    .seller-product figure a {
        height: 290px;
    }
    .sampal-box {
        font-size: 22px;
    }
    .sampla3 {
        height: 213px;
    }
    .sampal-box ul li {
        font-size: 18px;
        margin-top: 3px;
    }
    .why-bannetic {
        height: 452px;
    }
    .bg-img {
        background-position: center;
    }
    .midil-box {
        height: 262px;
    }
    .shoe-care-box p {
        bottom: -6px;
        font-size: 18px;
    }
    .shoe-care-box p {
        bottom: -6px;
        width: 250px;
    }
    .tnp-subscription-minimal input.tnp-submit {
        width: 36%;
    }
    .social-link ul li {
        margin-right: 18px;
    }
    .work-track p {
        font-size: 15px;
    }
    .com-heading {
        font-size: 30px;
    }
    .bewslatter {
        height: 375px;
    }
    .woocommerce ul.order_details {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1240px !important;
    }
}

@media screen and (max-width:992px) {


    /************mobile-manu***********/

    .navbar-toggler-icon {
        display: block;
        height: 2px;
        background-size: 100%;
        background-color: #fff;
        margin-bottom: 7px;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        background-color: #000;
        position: absolute;
        left: 0;
        width: 100%;
        top: 82px;
        padding: 12px 0 4px 0;
    }

    .navbar-toggler {
        padding: 0 0 !important;
        border: none !important;
        background-color: #fff !important;
        outline: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        position: relative;
        height: 40px;
    }

    .navbar-toggler span {
        width: 35px;
        height: 4px;
        margin: 7px 0px;
        display: block;
        background: #101010;
        font-size: 18px;
        border-radius: 50px;
        transition: all .5s ease-in-out;
    }

    .navbar-toggler.collapsed span {
        margin: 6px 0px !important;
        transform: rotate(0deg) !important;
    }

    .navbar-toggler.collapsed span.bar1 {
        width: 20px;
        margin-top: 0 !important;
    }

    .navbar-toggler.collapsed span.bar3 {
        width: 20px;
        margin: 0 0 auto auto !important;
        display: block;
    }

    .navbar-toggler span.bar3 {
        display: none;
    }

    .navbar-toggler span.bar2 {
        transform: rotate(-45deg);
        margin-top: -10px;
    }

    .navbar-toggler span.bar1 {
        width: 35px;
        transform: rotate(45deg);
        margin-top: 7px;
    }

    .navbar-collapse {
        background: #fff;
        position: fixed;
        width: 0;
        visibility: hidden;
        opacity: 0;
        height: 100vh;
        left: 0;
        top: 69px;
        padding: 0;
        border-top: 2px solid #bc2024;
        transition: all .1s ease-in-out;
    }

    .navbar-collapse.show {
        left: 0;
        width: 100%;
        visibility: visible;
        opacity: 1;
        padding: 0 18px;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: #000;
    }

    /************mobile-manu***********/

    .panel-space {
        padding: 30px 0;
    }
    .page-template-homepage .wp-block-video video {
        /* height: 320px; */
    }
    .banner-title {
        font-size: 67px;
    }
    .link-btn {
        font-size: 17px;
        margin-top: 18px;
    }

    .shoe-img {
        transform: translate(-4%, 21%);

    }
    .bottom-line {
        bottom: -163px;
        width: 381px;
    }
    .top-line img {
        margin-right: 53px;
        margin-top: 31px;
        width: 70px;
    }
    .banner .owl-dots {
        bottom: 40px;
    }
    .seller-product figure a {
        height: 220px;
    }

    .sampla3 {
        height: auto;
    }
   
    .midil-box {
        height: auto;
    }
    .our-team figure {
        width: 215px;
        height: 215px;
    }
    .blog .seller-product {
        padding: 0;
    }
    .tnp-subscription-minimal input.tnp-email, .tnp-subscription-minimal input.tnp-name {
        max-width: 100%;
    }
    .tnp-subscription-minimal input.tnp-submit {
        width: 51%;
    }
    .bewslatter {
        height: auto;
        padding: 50px 0;
    }
    .footer {
        padding-top: 27px;
    }
    .footer-logo {
        position: absolute;
        bottom: auto;
        top: -69px;
        left: 50%;
        margin: auto;
        width: 100%;
        transform: translate(67%, -13%);
        display: block;
    }
    .footer-logo img {
        width: 229px;
    }
    .review-panel {
        width: 480px;
        padding: 0 0px;
    }
    .our-team{
        overflow: hidden;
    }
    .team-dtl {
        width: 100%;
    }
    .shoe-care-box p {
        width: auto;
    }
    .flags img {
        width: 42%;
    }
    .cms-banner {
        height: 290px;
    }
    .cms-banner-title {
        letter-spacing: 4px;
        font-size: 40px;
    }
    .cms-banner-subtitle {
        font-size: 16px;
    }
    .sub_menu_dropdown {
        position: relative;
        top: 0;
        padding: 0 0 0 0;
        width: 100%;
    }
    .fixed-header .sub_menu_dropdown {
        padding: 0 0 0 0;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        margin-left: 0;
        width: 100%;
    }

    .product_detail .flex-control-thumbs {
        width: 100%;
        position: relative;

        cursor: grab;
        height: auto;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery {
        padding-left: 0 !important;
    }
    .product_detail .images .flex-control-thumbs li {
        width: 25% !important;
        padding: 9px 0 0px !important;
        float: none !important;
        display: inline-block;
    }
    .products .seller-product figure a {
        height: 160px;
    }
    .woocommerce ul.order_details {
        padding: 20px 19px;
        display: block;
    }
    .woocommerce ul.order_details li {
        padding: 5px 0;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 0;
        font-weight: 800;
        font-size: 13px !important;
        width: 100%;

    }
    .woocommerce ul.order_details li strong {
        font-size: 16px;
    }
    .form-image img {
        width: 100%;
    }
    .logo-section {
        margin-right: 0;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery {
        height: auto;
    }

    .inline-listing li {
        float: none;
        width: 100%;
        padding-right: 0;
    }
    
}

@media screen and (max-width: 767px) {
 

    .navbar-brand img {
        width: 130px;
    }
    .top-line, .bottom-line, .shoe-img, .banner .owl-dots, .review .owl-nav{
        display: none !important;
    }
    .banner {
        padding-bottom: 0;
        height: 320px;
    }
    .banner-subtitle {
        font-size: 16px;
    }
    .banner-title {
        font-size: 53px;
    }
    .banner .item, .review-panel {
        height: auto;
    }
    .com-heading {
        font-size: 22px;
    }
    .review-panel {
        width: 100%;
    }
  
    .why-bannetic p {
        width: 100%;
    }
    .footer-logo {
        left: 0;
        margin: auto;
        width: 86%;
        transform: translate(28px, -3px);
    }
    .flags img {
        width: 100%;
    }
    .bewslatter .w-75, .shoe-care .w-50, .category-panel .w-50{
        width: 100% !important;
    }
    .tnp-subscription-minimal {
        width: 100%;
    }
    .tnp-subscription-minimal form {
        display: flex;
    }
    .bewslatter {
        height: auto;
        padding: 25px 0;
        border-top: 1px solid #000;
        background-image: none !important;
    }
    .why-bannetic {
        height: auto;
        background-image: none !important;
        background-color: #000;
        padding: 31px 0;
    }
    
    .why-bannetic h3 {
        font-size: 22px;
    }
    .seller-product figure a {
        height: auto;
    }
    .review-box p {
        font-size: 16px;
    }
    .cat-panel p {
        font-size: 25px;
    }
    .product-link a {
        margin: 0 5px;
        font-size: 17px;
    }
    .cms-banner {
        height: auto;
    }
    .banner, .cms-banner, .product_detail {
        margin-top: 41px;
    }
    .cms-banner-title {
        font-size: 22px;
    }
    .cms-banner-subtitle {
        font-size: 14px;
    }
   .container  .w-50, .container.w-75{
        width: 100% !important;
    }
    .page-id-7 .cms-banner, .page-id-8 .cms-banner, .page-id-9 .cms-banner {
        height: 90px;
    }
    .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
        padding: 0 0px;
    }
    .products .seller-product figure a {
        height: auto;
    }
    .product_detail {
        padding-top: 17px;
        margin-top: 50px;
    }
    .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
        margin: 4px 2px;
    }
    .wc-block-cart table.wc-block-cart-items td{
        margin-bottom: 0 !important;
    }
    .woocommerce-customer-details address {
        min-height: auto;
        margin-bottom: 20px !important;
    }
    .woocommerce ul.order_details {
        margin: 18px auto 2em;
    }
    .e-con-inner {
        margin: 0 !important;
        padding: 0 !important;
    }
    .heading-three {
        font-size: 20px;
    }
    .Prefer-lonch {
        min-height: auto;
    }

    .about-page-link {
        display: block;
        width: 100%;
    }
    .about-page-link a {
        padding: 12px 26px;
        color: #fff;
        width: 100%;
        border-bottom: 1px solid #fff !important;
    }
    .blank-panel, .cnt-panel {
        height: auto;
        padding: 13px 4px;
    }
    li#menu-item-87 .nav-link {
        width: 59%;
    }
    .banner-title {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .banner {
        height: auto;
        padding: 30px 0;
    }
    .review-box {
        padding: 20px 6px;
    }
    .cat-panel p {
        font-size: 16px;
    }

    .blog .owl-theme .owl-controls{
        display: none;
    }
   
    .mobile-banner .owl-theme .owl-controls {
        display: none;
    }
    .mobile-banner .link-btn {
        font-size: 17px;
        margin-top: 50%;
    }
    .mobile-banner  .banner-content {
        margin-top: 58px;
    }
    .category-panel .container {
        padding-left: 0 !important;
        padding-right: 0;
    }
    .cat-panel {
        height: 197px;
    }

    .cat-panel img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .flags {
        text-align: center;
    }
    .flags img {
        width: 57%;
    }
  
    .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
        width: 100px !important;
    }
    .sidebar {
        width: 90%;
    }

    .inline-listing li {
        margin-bottom: 3px;
    }

    .product-dtl-brd .com-heading,   .product-dtl-brd h5 {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 7px 0;
        font-size: 20px;
    }

    .mobile-banner {
        margin-top: 46px;
    }
    .mobile-banner .owl-controls {
        display: none;
    }
    .category-panel {
        overflow: hidden;
    }
    #primary {
        margin-top: 65px;
    }
    .product_detail ul {
        padding: 0 0 0 30px;
    }

    .blank-panel {
        padding: 0 !important;
    }

    .bennietic-header {
        padding: 4px 0;
    }
}
