@media (min-width: 1280px) {
    .container {
        max-width: 1350px;
    }
}

@media (max-width: 992px) {

    .tourPrice {
        position: static;
    }

    .blogvideo:first-child {
        margin-top: 10px;
    }

    .bgVideo #fullVideo {
        height: 300px;
    }

    #scrollUp {
        bottom: 18%;
    }

    #cpsaskzopdelcyvxtwtqr div {
        bottom: 50px !important;
    }
}

@media screen and (max-width: 1200px) {
    .page-home main {
        margin-top: 75px;
    }

    .page-other main {
        margin-top: 75px;
    }

    .header-bars {
        display: flex;
    }

    .show-nav .header-bars i::before {
        content: "\f00d";
    }

    .header-logo {
        margin: 2px auto;
        transform: translateX(-15px);
    }

    .is-scroll .header-second__bottom .header-logo,
    .header-second__bottom .header-logo {
        display: none !important;
    }

    .header-second__top .header-logo,
    .is-scroll .header-second__top .header-logo {
        display: flex !important;
    }


    .header-logo img,
    .is-scroll .header-logo img,
    .page-other .header-logo img {
        width: 70px;
    }

    .is-scroll .header-second__top {
        display: flex !important;
    }

    .header-second {
        background: white;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 30;
    }

    .header-second::after {
        content: unset;
        position: unset;
    }

    .header-nav {
        position: fixed;
        left: -100%;
        width: 300px;
        background-color: #ffffff;
        transition: all 0.45s ease-in;
        height: 100%;
        z-index: 20;
        overflow: auto;
        padding-bottom: 150px;
        top: 75px;
    }

    .show-nav .header-nav {
        left: 0;
    }

    div.header-second #mainMenu nav > ul {
        flex-direction: column;
        align-items: flex-start;
    }

    div.header-second #mainMenu nav > ul > li {
        padding: 0;
        margin: 0;
        width: 100%;
        position: relative;
    }

    div.header-second #mainMenu nav > ul > li.add.hover-active > a,
    div.header-second #mainMenu nav > ul > li.add.hover-active > .click-dropdown {
        background-color: var(--primary-color);
        color: #ffffff;
    }

    div.header-second #mainMenu nav > ul > li > a {
        color: var(--text-gray-800);
        padding: 12px 15px;
    }

   /* #mainMenu nav > ul > li .dropdown-menu .dropdown-submenu {
        display: inline-block;
        width: 100%;
    }
*/
    #mainMenu nav > ul > li .dropdown-menu .dropdown-submenu .dropdown-menu {
        transform: scale(1);
        display: none;
        /*display: none;*/
    }

    #mainMenu nav > ul > li .dropdown-menu .dropdown-submenu.hover-active .dropdown-menu {
       /* position: inherit;
        display: block;*/
        transform: scale(1);
        display: block;
        left: inherit;
        box-shadow: unset;
    }

    #mainMenu nav > ul > li .dropdown-menu .dropdown-submenu > button {
        color: #333;
    }

    #mainMenu nav > ul > li .dropdown-menu .dropdown-submenu .click-dropdown {
        width: 30px;
        height: 30px;
        top: 5px;
        right: -2px;
    }

    .header-first {
        display: block;
    }

    .bx-wrapper .bx-next {
        right: 10px;
    }

    .btn-add-cart {
        width: 100%;
    }

    a.cart .badge {
        position: static;
    }

    .satisfaction {
        width: 80px;
        right: 5px;
        top: 5px;
    }

    .item-map {
        margin-bottom: 10px;
    }

    .blog-item-hori .blog-image img {
        width: 100%;
    }

    .bgSection {
        padding: 20px;
    }

    .item-quanlity .title {
        font-size: 15px;
    }

    .item-quanlity .subtitle {
        font-size: 14px;
    }

    .blog-hori:nth-child(odd) .blog-item-hori {
        background-color: #F1F1F1 !important;
    }

    .blog-hori:nth-child(odd) .blog-image {
        float: left !important;
    }

    .blog-hori:nth-child(even) .blog-item-hori {
        background-color: #FFF2CE !important;
    }

    .blog-hori:nth-child(even) .blog-image {
        float: right !important;
    }

    .click-dropdown {
        display: inline-block;
        border: none !important;
        background-color: transparent !important;
        position: absolute;
        top: 0;
        right: 7px;
        width: 40px;
        height: 40px;
        font-size: 13px;
        color: var(--text-gray-700);
    }

    .click-dropdown:focus {
        outline: none !important;
    }

    .fa-angle-down {
        display: none !important;
    }

    div.header-first {
        background: #137CB6;
    }

    .header-second #mainMenu nav > ul > li:hover a:after {
        display: none;
    }

    div.header-second #mainMenu nav > ul > li .dropdown-menu {
        background-color: #fff !important;
        -webkit-transform: scale(0);
        transform: scale(0);
        top: auto;
        border-radius: 0;
        margin-bottom: 2px !important;
        opacity: unset;
        visibility: unset;
        pointer-events: unset;
    }

    div.header-second #mainMenu nav > ul > li .dropdown-menu > li {
        background-color: #fff;
        padding: 0 !important;
        position: relative;
    }

    .header-second #mainMenu nav > ul > li .dropdown-menu > li > a,
    div.header-second #mainMenu nav > ul > li .dropdown-menu > li.dropdown-submenu a {
        padding: 12px 8px;
    }

    /*div.header-second #mainMenu nav > ul > li .dropdown-menu > li.dropdown-submenu .dropdown-menu {
        left: unset !important;
        top: unset !important;
        margin-left: unset !important;
        box-shadow: unset;
        padding: 0;
    }*/

    .dropdown-submenu.hover-active > a {
        color: var(--primary-color) !important;
    }

    div.header-second #mainMenu nav > ul > li .dropdown-mega-menu {
        min-width: 100%;
        background-color: #eee !important;
        -webkit-transform: scale(0);
        transform: scale(0);
        top: auto;
        left: 0;
        right: 0;
        height: 450px;
        border-radius: 0;
        margin-bottom: 2px !important;
        overflow-y: scroll;
    }

    div.header-second #mainMenu nav > ul > li > a {
        display: block;
        border-radius: 0;
    }

    /*  div.header-second #mainMenu nav > ul > li:hover > ul {
          width: 100%;
          -webkit-transform: scale(1);
          transform: scale(1);
      }*/
    div.header-second #mainMenu nav > ul > li.hover-active .dropdown-menu {
        position: relative;
        width: 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /*div.header-second #mainMenu nav > ul > li .dropdown-menu {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-transform: scale(0);
        transform: scale(0);
    }*/

    .tool {
        display: none;
        width: 100% !important;
        top: unset !important;
        bottom: 0;
        text-align: center;
        background: #dc1226 !important;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        z-index: 9;
        border-radius: 0 !important;
        opacity: 1;
    }

    .boxbreadcrumb {
        padding: 80px 0;
    }

    .section-article__gird {
        grid-template-areas:"a a a a"
                        "b b c c"
                        "d d g g"
                        "h h e e"
                        "f f e e"
                        "i i k k"
                        "l l m m";
        -ms-grid-columns: (1fr) [ 4 ];
        grid-template-columns: repeat(4, 1fr);

    }

    .section-article__gird .article-gird:nth-child(1) .card-article__body,
    .section-article__gird .article-gird:nth-child(5) .card-article__body {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    .tourdate li a {
        padding: 3px 20px;
    }

    .is-scroll .scrollspy.sticky {
        top: 72px;
    }

    .page-checkout .boxProCart .product-image {
        width: 100%;
    }

    .page-checkout .product-image img {
        width: 100% !important;
        float: unset !important;
    }

}

@media (max-width: 992px) {
    .breadcrumb-title {
        font-size: 22px;
    }

}

@media (max-width: 576px) {
    .blog-item {
        flex-direction: row !important;
    }

    .blog-item .blog-image {
        flex: 0 0 40%;
        align-items: center;
        display: flex;
    }

    .section-article__gird {
        grid-template-areas:"a a a a"
                        "b b b b"
                        "c c c c"
                        "d d d d"
                        "e e e e"
                        "g g g g"
                         "h h h h"
                        "f f f f"
                        "i i i i"
                        "k k k k"
                        "l l l l"
                        "m m m m";
    }

    .card-article__layer {
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .section-article__gird .article-gird:nth-child(1) .card-article__body,
    .section-article__gird .article-gird:nth-child(5) .card-article__body,
    .card-article__body {
        font-size: 14px;
    }

    .card-article__body {
        padding-top: 50px;
    }
}

@media screen and (max-width: 480px) {
    .bgFooter .logo img {
        width: 80px;
    }

    .satisfaction {
        width: 50px;
    }

    .wrap-header .logoleft img, .wrap-header .logoright img {
        width: 50px;
    }

    .product-item .product-description .product-title {
        height: auto;
        display: block;
    }

    .wrap-header {
        height: auto;
    }

    .wrap-header .logo img {
        width: 80px;
    }

    .tourdate li a:before {
        display: none;
    }

    .tourdate li a:after {
        display: none;
    }

    .tourdate li a {
        padding-left: 2px;
        padding-right: 2px;
    }
}

@media screen and (max-width: 425px) {
    .scrollspy .scrollspy-menu .icon span {
        display: none !important;
    }

    .tool ul {
        display: flex;
    }

    .tool ul li {
        width: 100%;
        padding: 0 .5rem;
    }

    .tool ul li:first-child a {
        border-top-left-radius: 0 !important;
    }

    .tool ul li:last-child a {
        border-bottom-left-radius: 0 !important;
    }

    .tool ul li a.hover {
        background: #dc1226 !important;
        display: block;
        width: 100%;
        padding: 5px !important;
    }

    .tool ul li a.hover img {
        height: 30px;
    }

    .tool ul li .show {
        display: block;
        position: static !important;
        width: 100% !important;
        height: 18px !important;
        background-color: #dc1226 !important;
        line-height: 35px;
    }

    .tool ul li .show a {
        display: block;
        line-height: 1;
        font-size: 10px;
        color: #fff !important;
    }

    .footer {
        padding-bottom: 30px;
    }

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

    .partner-logo {
        width: 150px;
        height: 90px;
    }

}

@media (max-width: 320px) {
    .boxMenuFooter ul > li {
        font-size: 0.95em;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    header .container {
        max-width: 95%;
    }
}
#stickyContact{
    z-index: 9 !important;
}