/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1401px) and (max-width: 1460px) {


    .popular-area {
        padding-left: 15px;
    }


}


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


    .header-item3 ul li > a {
        margin-right: 20px;
    }

    .header-item3 ul li:last-of-type a {
        padding: 12px 30px;
    }

    .popular-area {
        padding-left: 3.5%;
    }

    .hello-item > h3 {
        margin-bottom: 250px;
    }

    .hello-item h4 {
        font-size: 50px;
    }

    .hello-item2 {
        min-height: 220px;
    }

    .inspire-area {
        padding-left: 3.5%;
    }

    .play-area {
        padding: 110px 0;
    }

    /*=== Category1 page start ===*/
    .category-area [type="radio"]:checked + label:after,
    .category-area [type="radio"]:not(:checked) + label:after {
        top: 6px;
        left: 2px;
    }

    .category-area .inspire-item-inner2 h5 a {
        font-size: 15.4px;
    }

    /*=== Category2 page start ===*/
    .header-item5 ul li:last-of-type a {
        padding: 0;
    }

    .header-item5 ul li:last-of-type a img {
        width: 35px;
    }

    /*=== manage page start ===*/
    .manage-item2-inner table tr td {
        font-size: 14px;
    }

    .manage-item2-inner2 img {
        width: 46px;
    }

    .manage-item2-inner2 h5 a {
        font-size: 13px;
    }

    .manage-item2-inner table tr td h5 {
        font-size: 13px;
    }

    .manage-item2-inner3 img {
        width: 32px;
    }

    .manage-item2-inner3 a {
        font-size: 13px;
    }

    .manage-item2-inner4 a {
        font-size: 13px;
    }

    .manage-item2-inner5 a {
        font-size: 13px;
    }

    /*=== details page start ===*/
    .product-item2-inner2 {
        padding: 0 15px 20px;
    }

    .product-item2-inner3 {
        padding: 30px 15px 0;
    }

    .product-item2-inner9 {
        padding: 15px 15px 0;
    }

    .product-item2-inner10 {
        padding: 0 15px;
    }

    .related-area .inspire-item-inner2 h5 a {
        font-size: 15px;
    }

    /*detils page*/
    .lSSlideOuter .lSPager.lSGallery li {
        width: 100px !important;
    }


}

@media screen and (min-width: 1201px) and (max-width: 1310px) {


    .popular-area {
        padding-left: 15px;
    }

    .inspire-area {
        padding-left: 15px;
    }


}


@media screen and (min-width: 992px) and (max-width: 1200px) {


    /*.header-item a img {
        width: 90px;
        margin-right: 30px;
    }*/

    .header-item2-inner2 i {
        left: 15px;
    }

    .header-item2-inner2 input {
        padding: 12px 10px;
        padding-left: 40px;
    }

    .header-item2-inner3 button {
        padding: 12px 10px;
    }

    .header-item3 ul li > a {
        font-size: 14px;
        margin-right: 15px;
    }

    .header-item3 ul li:last-of-type a {
        padding: 12px 30px;
    }

    .banner-area2 .container {
        max-width: 960px;
    }

    .banner-item h1 {
        font-size: 45px;
    }

    .banner-item p {
        font-size: 24px;
    }

    .logo-area .container {
        max-width: 960px;
    }

    .popular-area {
        padding-left: 7%;
    }

    .inner-container h2 {
        font-size: 32px;
    }

    .popular-item-inner {
        top: 40px;
        left: 25px;
    }

    .popular-item-inner p {
        font-size: 16px;
    }

    .popular-item-inner h3 {
        font-size: 20px;
    }

    .swap-item h2 {
        font-size: 36px;
    }

    .swap-item p {
        font-size: 20px;
    }

    .swap-item2-inner2 > img {
        width: 45px;
        margin-right: 15px;
    }

    .swap-item2-inner5 {
        width: 32px;
        height: 32px;
        line-height: 32px;
        right: 15px;
        top: 10px;
    }

    .swap-item2-inner5 img {
        width: 12px;
    }

    .swap-item2-inner2 h2 {
        font-size: 17px;
    }

    .swap-item2-inner2 div img {
        width: 85px;
    }

    .hello-area3 {
        padding: 40px 30px;
    }

    .hello-item > h3 {
        margin-bottom: 200px;
    }

    .hello-item h4 {
        font-size: 45px;
        margin-bottom: 25px;
    }

    .hello-item2 {
        min-height: 235px;
    }

    .hello-item2 h3 {
        margin-bottom: 15px;
    }

    .hello-item2 p {
        font-size: 18px;
    }

    .inspire-area {
        padding-left: 7%;
        padding-right: 0;
    }

    .play-area {
        padding: 110px 0;
    }

    .play-area .container {
        max-width: 960px;
    }

    .play-item h2 {
        font-size: 40px;
    }

    /*=== Category1 page start ===*/
    .menu-item ul li a {
        margin-right: 30px;
    }

    .category-area [type="radio"]:checked + label:after,
    .category-area [type="radio"]:not(:checked) + label:after {
        left: 2px;
    }

    .category-item-inner2 input {
        width: 90px;
    }

    /*=== Category2 page start ===*/
    .header-item5 ul li > a {
        margin-right: 20px;
    }

    .header-item5 ul li:last-of-type a {
        padding: 0;
    }

    .header-item5 ul li:last-of-type a img {
        width: 30px;
    }

    .header-item5 ul li:nth-of-type(5) a img {
        width: 15px;
    }

    /*=== inventory page start ===*/
    .callback-item3 {
        display: none;
    }

    /*=== manage page start ===*/
    .manage-item2-inner table {
        width: 1100px;
    }

    .manage-item2-inner table tr td {
        font-size: 14px;
    }

    .manage-item2-inner2 img {
        width: 46px;
    }

    .manage-item2-inner2 h5 a {
        font-size: 13px;
    }

    .manage-item2-inner table tr td h5 {
        font-size: 13px;
    }

    .manage-item2-inner3 img {
        width: 32px;
    }

    .manage-item2-inner3 a {
        font-size: 13px;
    }

    .manage-item2-inner4 a {
        font-size: 13px;
    }

    .manage-item2-inner5 a {
        font-size: 13px;
    }

    /*detils page*/
    .product-item {
        padding: 0 30px;
    }

    .lSSlideOuter .lSPager.lSGallery li {
        width: 70px !important;
        margin-right: 15px !important;
    }


}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


    /*.header-item a img {
        width: 60px;
        margin-right: 10px;
    }*/

    .header-item2 {
        width: 220px;
    }

    .header-item2-inner2 i {
        font-size: 13px;
        left: 10px;
    }

    .header-item2-inner2 input {
        font-size: 13px;
        padding: 8px 10px;
        padding-left: 30px;
    }

    .header-item2-inner3 button {
        font-size: 14px;
        padding: 8.5px 10px;
    }

    .header-item3 ul li a {
        font-size: 12px;
        margin-right: 10px;
    }

    .header-item3 ul li:last-of-type a {
        padding: 8px 10px;
    }

    .banner-area2 .container {
        max-width: 720px;
    }

    .banner-item h1 {
        font-size: 40px;
    }

    .banner-item p {
        font-size: 20px;
    }

    .logo-area .container {
        max-width: 720px;
    }

    .logo-item {
        padding: 30px 30px;
    }

    .logo-item ul li a img {
        width: 80px;
    }

    .popular-area {
        padding-left: calc((100% - 720px) / 2);
    }

    .inner-container h2 {
        font-size: 28px;
    }

    .popular-item-inner {
        top: 50px;
        left: 20px;
    }

    .popular-item-inner p {
        font-size: 16px;
    }

    .popular-item-inner h3 {
        font-size: 20px;
    }

    .first-carousel .owl-nav button.owl-next, .first-carousel .owl-nav button.owl-prev {
        right: 40px;
    }

    .inner-container2 h2 {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .inner-container2 p {
        font-size: 17px;
        padding-left: 0px;
    }

    .second-carousel .owl-nav button.owl-next, .second-carousel .owl-nav button.owl-prev {
        top: -150px;
        right: 40px;
    }

    .swap-area-inner {
        align-items: flex-start;
        justify-content: flex-start;
        background-color: transparent;
    }

    .swap-area-inner2 {
        padding-left: 15px;
    }

    .swap-item {
        padding: 40px 30px;
        background-color: #f6f6f6;
        margin-bottom: 30px;
        width: 100%;
        border-radius: 10px;
    }

    .swap-item h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .swap-item p {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .hello-area3 {
        padding: 40px 20px;
    }

    .hello-item h3 {
        font-size: 28px;
        margin-bottom: 150px;
    }

    .hello-item h4 {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .hello-item p {
        font-size: 20px;
    }

    .hello-item2 {
        padding: 25px 15px;
        min-height: 210px;
    }

    .hello-item2 h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .hello-item2 p {
        font-size: 16px;
    }

    .inspire-area {
        padding-left: 5%;
        padding-right: 0;
    }

    .five-carousel .owl-nav button.owl-next, .five-carousel .owl-nav button.owl-prev {
        top: -110px;
        right: 40px;
    }

    .play-area {
        padding: 110px 0;
    }

    .play-area .container {
        max-width: 720px;
    }

    .play-item h2 {
        font-size: 34px;
    }

    .shfooter h2 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .shfooter ul li a {
        font-size: 14px;
        margin-bottom: 15px;
    }

    /*=== Category1 page start ===*/
    .menu-item ul li a {
        font-size: 14px;
        margin-right: 13px;
    }

    .category-area [type="radio"]:checked + label:after,
    .category-area [type="radio"]:not(:checked) + label:after {
        left: 2px;
    }

    .category-item-inner2 input {
        font-size: 14px;
        padding: 12px 5px;
        width: 60px;
    }

    .category-item-inner2 p {
        font-size: 14px;
        width: 30px;
    }

    .category-area .inspire-item-inner {
        position: absolute;
        width: 45px;
        height: 45px;
        line-height: 45px;
        left: 15px;
    }

    .category-area .inspire-item-inner > img {
        width: 20px;
    }

    .category-area .inspire-item-inner2 {
        padding: 15px 15px 20px;
    }

    .category-area .inspire-item-inner3 > img {
        width: 30px;
        margin-right: 10px;
    }

    .category-area .inspire-item-inner3 p img {
        width: 56px;
        margin-right: 8px;
    }

    .category-area .inspire-item-inner2 h5 a {
        font-size: 14px;
    }

    /*=== Category2 page start ===*/
    .header-item5 ul li a {
        font-size: 12px;
    }

    .header-item5 ul li:last-of-type a {
        padding: 0;
    }

    .header-item5 ul li:last-of-type a img {
        width: 20px;
    }

    .header-item5 ul li:nth-of-type(5) a img {
        width: 12px;
    }

    .header-item5 ul li a span {
        width: 10px;
        height: 10px;
        line-height: 10px;
        font-size: 7px;
        top: -5px;
        right: -10px;
    }

    /*=== inventory page start ===*/
    .callback-item3 {
        display: none;
    }

    /*=== manage page start ===*/
    .manage-item2 ul li a {
        font-size: 15px;
        margin-right: 25px;
    }

    .manage-item2 ul li a span {
        font-size: 5px;
        width: 12px;
        height: 12px;
        line-height: 12px;
        transform: translate(70%, -50%);
    }

    .manage-item2-inner table {
        width: 950px;
    }

    .manage-item2-inner table tr td {
        font-size: 14px;
    }

    .manage-item2-inner2 img {
        width: 40px;
        margin-right: 10px;
    }

    .manage-item2-inner2 h5 a {
        font-size: 10px;
    }

    .manage-item2-inner table tr td h5 {
        font-size: 10px;
    }

    .manage-item2-inner3 img {
        width: 28px;
        margin-right: 8px;
    }

    .manage-item2-inner3 a {
        font-size: 10px;
    }

    .manage-item2-inner4 a {
        font-size: 10px;
        padding: 8px 20px;
    }

    .manage-item2-inner5 a {
        font-size: 10px;
        padding: 8px 15px;
    }

    /*=== details page start ===*/
    .product-item {
        padding: 0 30px;
    }

    .product-item2 {
        margin-top: 30px;
    }

    .lSSlideOuter .lSPager.lSGallery li {
        width: 100px !important;
        margin-right: 15px !important;
    }

    .dropdown-menu {
        transform: translateX(-50%) !important;
        padding-top: 0;
    }

    .dropdown-menu:after {
        left: 56%;
    }

    .state-menu-item {
        padding: 10px 10px;
        justify-content: space-between;
    }

    .state-menu-item-inner img {
        width: 40px;
        margin-right: 0;
    }

    .state-menu-item-inner4 h4 a {
        margin-left: -5px;
    }

    /* manage products */
    #manage-products-filter {
        width: 25%;
    }
    #products-response {
        width: 75%;
    }
}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {


    .header-area-inner {
        flex-wrap: wrap;
    }

    /*.header-item {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }*/

    .header-item-inner img {
        width: 146px;
    }

    .header-item-inner2 img {
        width: 30px;
    }


    .header-item2 {
        width: 100%;
    }

    .header-item2-inner3 {
        display: none;
    }

    .header-item2-inner {
        display: block;
        width: 35px;
    }

    .header-item2 form {
        width: 100%;
        justify-content: space-between;
    }

    .header-item2-inner2 {
        width: calc(100% - 35px);
    }

    .header-item2-inner2 i {
        left: calc(100% - 35px);
    }

    .header-item2-inner2 input {
        font-size: 13px;
        background-color: #f9f9f9;
        padding-left: 20px;
        padding-right: 50px;
        border: 1px solid #dbdbdb;
        border-radius: 10px;
        height: 38px;
        line-height: 38px;
    }

    .header-item3 ul {
        padding-left: 20px;
        padding-top: 15px;
    }

    .header-item3 ul li {
        display: block;
    }

    .header-item3 ul li a {
        margin-right: 0px;
        margin-bottom: 12px;
    }

    .banner-area2 {
        display: none;
    }

    .banner-area4 {
        display: block;
    }

    .banner-item h1 {
        font-size: 33px;
    }

    .banner-item p {
        font-size: 18px;
    }

    .banner-item a {
        font-size: 16px;
    }

    .logo-item {
        padding: 30px 40px;
    }

    .logo-item ul {
        flex-wrap: wrap;
    }

    .logo-item ul li {
        flex: 0 0 30%;
        max-width: 30%;
        margin-bottom: 15px;
    }

    .logo-item ul li a img {
        max-width: 90%;
    }

    .popular-area {
        padding-left: 15px;
        padding-bottom: 50px;
    }

    .inner-container {
        padding-top: 0px;
    }

    .inner-container h2 {
        font-size: 27px;
    }

    .popular-item-inner {
        top: 50px;
        left: 20px;
    }

    .popular-item-inner p {
        font-size: 14px;
    }

    .popular-item-inner h3 {
        font-size: 18px;
    }

    .first-carousel .owl-nav button.owl-next, .first-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .saying-area {
        padding: 50px 0;
    }

    .inner-container2 h2 {
        font-size: 31px;
        margin-bottom: 10px;
    }

    .inner-container2 p {
        font-size: 16px;
        padding-left: 0px;
    }

    .saying-item {
        padding: 30px 20px;
        border-radius: 10px;
    }

    .saying-item > img {
        max-width: 48px;
        margin-bottom: 35px;
    }

    .saying-item p {
        margin-bottom: 30px;
    }

    .saying-item-inner img {
        max-width: 57px;
        margin-right: 15px;
    }

    .saying-item-inner h3 {
        font-size: 17px;
    }

    .saying-item-inner h4 {
        font-size: 17px;
    }

    .second-carousel .owl-nav button.owl-next, .second-carousel .owl-nav button.owl-prev {
        display: none
    }

    .swap-area {
        background-color: #f6f6f6;
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .swap-area-inner {
        align-items: flex-start;
        justify-content: flex-start;
        background-color: transparent;
    }

    .swap-item h2 {
        font-size: 29px;
        margin-bottom: 20px;
    }

    .swap-item p {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .swap-item a {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .swap-item2-inner2 > img {
        max-width: 34px;
        margin-right: 15px;
    }

    .swap-item2-inner2 h2 {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .swap-item2-inner2 div img {
        width: 58px;
        margin-bottom: 5px;
    }

    .swap-item2-inner2 p {
        font-size: 9px;
    }

    .swap-item2-inner5 img {
        width: 12px !important;
    }

    .swap-item2-inner5 {
        position: absolute;
        width: 32px;
        height: 32px;
        line-height: 32px;
        right: 10px;
        top: 10px;
    }

    .hello-area3 {
        padding: 40px 0 30px;
        padding-left: 15px;
    }

    .hello-item > h3 {
        font-size: 18px;
        margin-bottom: 220px;
    }

    .hello-item h4 {
        font-size: 30px;
        margin-bottom: 25px;
    }

    .hello-item > p {
        font-size: 16px;
    }

    .hello-item2 {
        padding: 20px 20px;
        padding-left: 15px;
        min-height: 165px;
    }

    .hello-item2 h3 {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .hello-item2 p {
        font-size: 15px;
    }

    .inspire-area {
        padding-left: 15px;
        padding-right: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .inspire-area .container h2 span {
        display: block;
    }

    .inspire-item-inner3 > img {
        width: 46px;
    }

    .inspire-item-inner3 h3 {
        font-size: 18px;
    }

    .inspire-item-inner3 p img {
        width: 75px;
    }

    .inspire-item-inner3 p {
        font-size: 13px;
    }

    .inspire-item-inner2 h5 {
        font-size: 17px;
    }

    .inspire-item-inner4 h4 img {
        width: 11px;
    }

    .inspire-item-inner4 h4 {
        font-size: 13px;
    }

    .inspire-item-inner4 i {
        font-size: 19px;
    }

    .inspire-item3 a {
        font-size: 16px;
    }

    .play-area {
        padding: 110px 0;
        text-align: center;
    }

    .play-area .container {
        max-width: 100%;
    }

    .play-item h2 {
        font-size: 27px;
    }

    .play-item p {
        font-size: 25px;
    }

    .play-item a {
        font-size: 16px;
    }

    .shfooter ul {
        margin-bottom: 0;
    }

    .shfooter .collapse {
        display: none;
    }

    .shfooter .collapse.show {
        display: block;
    }

    .shfooter .title .fa-angle-up,
    .shfooter .title[aria-expanded=true] .fa-angle-down {
        display: none;
    }

    .shfooter .title[aria-expanded=true] .fa-angle-up {
        display: block;
    }

    .shfooter .navbar-toggler {
        display: inline-block;
        padding: 0;
    }

    .shfooter ul {
        padding-left: 15px;
    }

    .copyright-area {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .copyright-area p img {
        margin-right: 0px;
        display: block;
        margin-bottom: 15px;
    }

    .copyright-area p {
        margin: 0 0 15px;
        flex-direction: column;
        align-items: center;
    }

    /*=== Category1 page start ===*/
    .menu-area {
        display: none;
    }

    .callback-area {
        padding: 30px 0;
    }

    .callback-item p {
        font-size: 12px;
    }

    .callback-item p span {
        font-size: 12px;
    }

    .callback-item h3 {
        font-size: 18px;
    }

    .callback-item h5 {
        font-family: 'BergernThin';
        font-size: 13px;
        font-weight: 300;
    }

    .category-area {
        padding: 40px 0 50px;
    }

    .category-item {
        display: none;
    }

    .category-area .inspire-item-inner {
        position: absolute;
        width: 36px;
        height: 36px;
        line-height: 36px;
        top: 10px;
        left: 10px;
    }

    .category-area .inspire-item-inner > img {
        width: 20px;
    }

    .category-area .inspire-item-inner2 {
        padding: 15px 10px 10px;
    }

    .category-area .inspire-item-inner3 {
        margin-bottom: 10px;
    }

    .category-area .inspire-item-inner3 > img {
        width: 28px;
        margin-right: 10px;
    }

    .category-area .inspire-item-inner3 h3 a {
        font-size: 11px;
        margin-bottom: 8px;
    }

    .category-area .inspire-item-inner3 p img {
        width: 45px;
        margin-right: 10px;
    }

    .category-area .inspire-item-inner3 p {
        font-size: 8px;
    }

    .category-area .inspire-item-inner2 h5 a {
        font-size: 11px;
        margin-bottom: 5px;
    }

    .category-area .inspire-item-inner4 h4 img {
        width: 7px;
    }

    .category-area .inspire-item-inner4 h4 {
        font-size: 8px;
    }

    .category-area .inspire-item-inner4 h4 span {
        margin-left: 3px;
    }

    .category-area .inspire-item-inner4 a i {
        font-size: 14px;
    }

    .category-area .col-6 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pagination-item {
        display: none;
    }

    .pagination-item2 {
        display: block;
    }

    .category-area [type="radio"]:checked + label:after,
    .category-area [type="radio"]:not(:checked) + label:after {
        top: 5px;
    }

    .category-item-inner2 input {
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .category-item3 {
        display: block;
    }

    .category-item4 .modal {
        display: block;
        z-index: -5555555555;
    }

    .category-item4 .modal.show {
        z-index: 99999999999999;
    }

    .category-item4 .modal-dialog {
        width: 100% !important;
        margin: auto !important;
    }

    .category-item4 .modal-content input[type="radio"]:checked + label:after,
    .category-item4 .modal-content input[type="radio"]:not(:checked) + label:after {
        top: 5px;
    }

    .for-radio input[type="radio"]:checked + label:after,
    .for-radio input[type="radio"]:not(:checked) + label:after {
        transform: translateY(0%);
    }

    .for-radio2 input[type="radio"]:checked + label:after,
    .for-radio2 input[type="radio"]:not(:checked) + label:after {
        transform: translateY(10%);
    }


    .modal-backdrop {
        width: 100% !important;
        height: 100% !important;
    }

    .category-item5 .modal-content {
        width: 100% !important;
        padding: 10px 15px 5px;
    }

    .category-item5-inner2 {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 30px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    .category-item5-inner2 h3 {
        font-size: 20px;
    }

    .category-item5-inner h2 {
        font-size: 16px;
    }

    .category-item5-inner3 {
        margin-bottom: 20px;
    }

    .category-item5-inner3 > img {
        width: 133px;
    }

    .category-item5-inner3 > div.inner3-product-info {
        width: calc(100% - 133px);
        min-height: 83px;
        padding: 15px;
        margin-bottom: 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
    }

    #swap-request-product-title {
        font-size: 14px;
    }

    .category-item5-inner3 > div > a {
        font-size: 13px;
        margin-bottom: 13px;
    }

    .category-item5-inner4 img {
        width: 29px;
        margin-right: 10px;
    }

    .category-item5-inner4,
    .category-item5-inner4 a {
        font-size: 13px;
    }

    .category-item5-inner4 p {
        font-size: 11px;
        display: block;
    }

    .category-item5-inner4 p img {
        width: 45px;
        margin-right: 8px;
    }

    .category-item5-inner h4 {
        font-size: 16px;
    }
    .category-item5-inner .tooltip-icon {
        font-size: 13px;
    }

    .category-item5-inner5 {
        padding: 0;
        background-color: transparent;
        border: none;
        border-radius: 0;
        flex-direction: column;
        margin-bottom: 12px;
        row-gap: 12px;
    }

    /*#swap-request */.dropdown.bootstrap-select button,
                      .bootstrap-select ul.dropdown-menu,
                      .category-item5-inner6 input {
        font-size: 13px;
    }

    .category-item5-inner6 {
        width: 100%;
    }

    .category-item5-inner6 label {
        margin-bottom: 6px;
    }

    .category-item5-inner7 {
        margin-right: 0;
    }

    .category-item5-inner6 h3 {
        font-size: 16px;
    }

    .category-item5-inner6 select {
        margin-bottom: 15px;
    }

    .category-item5-inner6 input {
        margin-bottom: 15px;
    }

    .category-item5-inner8 {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 35px;
    }

    .category-item5-inner8 form {
        width: 100%;
    }

    .category-item5-inner8 select {
        width: 100%;
    }

    .category-item5-inner10 {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .category-item5-inner10 #swap-request-submit {
        flex-grow: 1;
    }

    .swap-request-mobile-back-btn {
        font-size: 13px;
        color: #7e7e7e;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .swap-request-mobile-back-btn i {
        font-size: 10px;
    }

    .category-item5-inner10 a {
        width: 47%;
        display: block;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    .category-item5-inner12 {
        height: 390px;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .category-item5-inner12 h3 {
        font-size: 16px;
    }

    .category-item5-inner15 img {
        width: 70px;
        margin-right: 12px;
    }

    .category-item5-inner15 p a {
        font-size: 15px;
        font-weight: 400;
        color: #535353;
        transition: .3s all ease;
        -webkit-transition: .3s all ease;
        -moz-transition: .3s all ease;
        display: block;
    }

    .category-item5-inner16 {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .category-item5-inner16 ul li:first-of-type {
        width: 37%;
    }

    .category-item5-inner16 ul li:last-of-type {
        width: 63%;
        padding-left: 15px;
    }

    .category-item5-inner16 ul li:first-of-type a {
        padding: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .category-item5-inner16 ul li:last-of-type a {
        padding: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

    .exampleModal2 {
        padding-right: 0 !important;
    }

    /*=== inventory page start ===*/
    .callback-item3 {
        display: none;
    }

    .callback-item2 p {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .callback-item2 h3 {
        font-size: 18px;
    }

    .callback-item2 {
        width: 100%;
    }

    .callback-item2-inner img {
        width: 44px;
        margin-right: 15px;
    }

    .callback-item2-inner a {
        font-size: 16px;
    }

    .callback-item2-inner span {
        font-size: 12px;
        margin-left: 20px;
    }

    .callback-item2-inner p {
        font-size: 12px;
        margin-bottom: 0;
    }

    .callback-item2-inner p img {
        width: 66px;
        margin-right: 8px;
    }

    .pagination-item5 {
        display: none;
    }

    .inspire-item-inner6 ul {
        padding-top: 5px;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .inspire-item-inner6 ul li:first-of-type a {
        font-size: 11px;
    }

    .inspire-item-inner6 ul li:last-of-type a {
        font-size: 11px;
    }

    /*=== manage page start ===*/
    .callback-item7 p {
        font-size: 12px;
        margin-bottom: 15px;
    }

    .manage-item h3 {
        font-size: 18px;
        font-weight: 500;
        color: #535353;
        margin: 0;
    }

    .manage-item5-inner2 {
        padding: 20px 15px 20px;
        margin-bottom: 00px;
    }

    .manage-item5-inner2 h3 {
        font-size: 20px;
    }

    .manage-item5-inner12 {
        padding: 0 15px;
        margin-bottom: 20px;
    }

    .manage-item5-inner13 {
        padding-left: 10px;
        padding-top: 10px;
        padding-bottom: 9px;
        padding-right: 5px;
    }

    .manage-item5-inner13 div {
        width: 34px;
    }

    .manage-item5-inner13 div img {
        width: 16px;
    }

    .manage-item5-inner13 p {
        font-size: 14px;
    }

    .manage-item5-inner3 {
        padding: 0 15px 20px;
        flex-direction: column;
    }

    .manage-item5-inner4 {
        width: 100%;
    }

    .manage-item5-inner5 {
        flex-direction: row;
        margin-bottom: 25px;
    }

    .manage-item5-inner5 > img {
        width: 119px;
        margin-right: 15px;
        margin-bottom: 0px;
        border-radius: 10px;
    }

    .manage-item5-inner6 {
        width: 32px;
        height: 22px;
        line-height: 22px;
        border-radius: 0 10px 10px 0;
        top: 10px;
        left: 0px;
    }

    .manage-item5-inner6 img {
        width: 17px;
    }

    .manage-item5-inner5 a {
        font-size: 15px;
    }

    .manage-item5-inner5 a br {
        display: none;
    }

    .manage-item5-inner7 {
        width: 32px;
        height: 22px;
        line-height: 22px;
        border-radius: 0 10px 10px 0;
        top: 10px;
        left: 0px;
    }

    .manage-item5-inner7 img {
        width: 9px;
    }

    .manage-item5-inner8 {
        flex-direction: column;
        padding: 15px 0px 20px;
        border-top: none;
    }

    .manage-item5-inner8 .form-group {
        border-bottom: .2px solid #dbdbdb;
        margin-bottom: 15px;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .manage-item5-inner8 .form-group label {
        border-top: .2px solid #dbdbdb;
        padding-top: 15px;
        font-size: 15px;
    }

    .manage-item5-inner8 a:first-of-type {
        display: none;
    }

    .manage-item5-inner8 a:last-of-type {
        display: block;
    }

    .manage-item5-inner10 {
        margin-bottom: 6px;
    }

    .manage-item5-inner10 h3 {
        font-size: 13px;
    }

    .manage-item5-inner10 p {
        font-size: 13px;
    }

    .manage-item5-inner10 p a {
        font-family: 'BergernRegular';
        font-size: 12px;
    }

    .manage-item5-inner9 ul li:first-of-type {
        width: 40%;
    }

    .manage-item5-inner9 ul li:first-of-type a {
        padding: 9px 0;
        width: 100%;
        text-align: center;
        font-family: 'BergernRegular';
    }

    .manage-item5-inner9 ul li:last-of-type {
        width: 60%;
        padding-left: 15px;
    }

    .manage-item5-inner9 ul li:last-of-type a {
        padding: 9px 0;
        font-family: 'BergernRegular';
        text-align: center;
        width: 100%;
    }

    /*=== details page start ===*/
    .product-item2-inner {
        padding: 0;
        border: none;
    }

    .product-item2-inner2 {
        padding: 0;
        border: none;
    }

    .product-item2-inner2 a {
        display: none;
    }

    .product-item2-inner3 {
        padding: 10px 0 0;
    }

    .product-item2-inner3 > a {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .product-item2-inner3 p {
        font-size: 13px;
    }

    .product-item2-inner3 p img {
        width: 60px;
    }

    .product-item2-inner4 h5 {
        font-size: 13px;
    }

    .product-item2-inner4 h5 small {
        font-size: 12px;
    }

    .product-item2-inner6 p {
        font-size: 13px;
    }

    .product-item2-inner6 select {
        font-size: 12px;
    }

    .product-item2-inner7 a {
        font-size: 17px;
        position: fixed;
        bottom: 15px;
        width: calc(100% - 30px);
        z-index: 999999999999999999;
    }

    .product-item2-inner7 a:hover {
        opacity: 1;
    }

    .product-item2-inner8 {
        padding: 20px 0;
        border: none;
        margin-top: 0;
    }

    .product-item2-inner8 > p {
        font-size: 20px;
        padding-left: 0px;
        padding-bottom: 0;
    }

    .product-item2-inner9 {
        padding: 15px 0px 0;
        border-top: none;
    }

    .product-item2-inner9 > img {
        width: 42px;
        margin-right: 15px;
    }

    .product-item2-inner9 a {
        font-size: 17px;
    }

    .product-item2-inner9 p {
        font-size: 15px;
    }

    .product-item2-inner9 p img {
        width: 60px;
    }

    .product-item2-inner10 {
        padding: 0px;
    }

    .product-item2-inner10 div a {
        font-size: 13px;
    }

    .product-item2-inner10 div h2 a {
        font-size: 16px;
    }

    .related-area-inner h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .related-area .inspire-item-inner2 h5 a {
        font-size: 14px;
    }

    .product-area {
        padding-bottom: 30px;
    }

    .scrolltotop {
        display: none !important;
    }

    /*.modal-backdrop {
        background-color: #afafaf !important;
    }*/

    /*.modal-content {
        position: absolute;
        bottom: 0;
        overflow-y: scroll;
    }

    .modal-dialog {
        position: absolute !important;
        bottom: 0 !important;
        width: 100% !important;
        left: 50% !important;
        margin: auto !important;
        transform: translateX(-50%) !important;
    }

    .category-item10 .modal-content {
        position: absolute;
        top: 0;
        padding-right: 0;
        overflow: hidden;
    }

    .category-item10 .modal-dialog {
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
        left: 50% !important;
        margin: auto !important;
        transform: translateX(-50%) !important;
    }*/

    /*.dropdown-menu {
        width: 280px;
        transform: translateX(-10px) !important;
    } Commented out to avoid miss alignment of dropdowns */

    .dropdown-menu:after {
        left: 10%;
    }

    .state-menu-item {
        padding: 10px 10px;
    }

    .state-menu-item-inner img {
        width: 25px;
        margin-right: 10px;
    }

    .state-menu-item-inner2 {
        margin-right: 15px;
    }

    .state-menu-item-inner2 h4 a {
        font-size: 10px;
        margin-right: 5px;
    }

    .state-menu-item-inner4 h4 a {
        margin-left: -2px;
    }

    .state-menu-item-inner2 h4 {
        font-size: 10px;
    }

    .state-menu-item-inner2 p {
        font-size: 10px;
    }

    .state-menu-item-inner3 img {
        width: 45px;
        border-radius: 5px;
    }

    .for-height2 {
        height: 470px !important;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 20px;
    }

    .for-height3 {
        height: 400px !important;
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 20px;
    }

    .for-height4 {
        height: 550px !important;
        overflow-y: auto;
        overflow-x: hidden;
        padding-top: 20px;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery .slider-for {
        width: 100%;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery,
    .woocommerce div.product div.images.woocommerce-product-gallery .slider-for,
    .woocommerce div.product div.images img {
        height: auto !important;
        max-height: 300px !important;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery .slick-initialized .slick-slide {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .slider-nav {
        display: none;
    }
    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 100%;
    }

    /* manage products */
    .manage-products-wrap {
        flex-direction: column;
    }
    #manage-products-filter,
    #products-response {
        width: 100%;
    }
    .manage-products-item {
        width: 48.5%;
        margin-right: 3%;
    }
    .manage-products-item:nth-child(2n) {
        margin-right: 0;
    }

    #manage-products-filter {
        border: 0;
        padding: 0;
    }

    .product-description {
        font-size: 14px;
    }
    .related-area {
        margin-top: 20px;
        padding: 30px 0;
    }
}


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


    /*.category-item5-inner3 {
        height: 90px;
    }

    .category-item5-inner3 > div {
        height: 100px;
        padding-left: 10px;
    }*/

    .category-item5-inner3 > div > a {
        font-size: 10px;
        margin-bottom: 5px;
    }

    .category-item5-inner4 {
        margin-bottom: 0px;
    }

    .category-item5-inner4 a {
        margin-bottom: 0;
    }

    .category-item5-inner4 p {
        font-size: 10px;
    }

    .category-item5-inner4 p img {
        width: 35px;
        margin-right: 5px;
    }

    .manage-item5-inner5 a {
        font-size: 13px;
        margin-bottom: 5px;
    }

    .category-item5-inner15 p a {
        font-size: 14px;
    }

    .category-item5-inner10 {
        flex-wrap: wrap;
    }

    /*.category-item5-inner10 a {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .category-item5-inner10 a:first-of-type {
        margin-bottom: 10px;
    }*/

    .carousel-cell a {
        font-size: 9px;
        padding: 7px 0;
    }


}


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


    .category-item5-inner3 > div > a {
        font-size: 9px;
        margin-bottom: 2px;
    }

    .category-item5-inner4 a {
        font-size: 9px;
    }

    .category-item5-inner4 p {
        font-size: 9px;
    }

    .category-item5-inner4 p img {
        width: 30px;
    }


}


@media screen and (min-width: 768px) {
    .category-item4 #exampleModal,
    .category-item4 .modal,
    .category-item4 .modal-backdrop {
        display: none !important;
    }
}


/* header responsive */
@media (max-width: 991px) {
    .header-menu-desktop {
        display: none !important;
    }
    .header-menu-container {
        display: flex;
        gap: 30px;
    }
    .header-menu {
        display: block !important;
        cursor: pointer;
    }
    .header-menu-container i {
        font-size: 20px;
        color: #535353;
    }
    .header-menu-container i:hover {
        color: #FA3F80;
    }
}



@media (min-width: 576px) {
    .modal-dialog {
        max-width: 90%;
    }
    .modal-content {
        max-width: 740px;
        margin: auto;
    }
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    max-width: 100%;
}