@media(max-width: 1700px) {}

@media screen and (max-width: 1499px) {
    .portrait-slider .item .slider-img a img {
        width: 240px;
    }

    .nav-col ul {
        column-gap: 0px;
    }

    .nav-col ul li {
        margin-right:34px;
    }

    .nav-right ul {
        column-gap: 0px;
    }

    .nav-right ul li {
        margin-right:25px;
    }

    .header {
        padding: 17px 25px;
    }
    .bdm-img img {
        height: 165px;
    }
    .f-nav ul li a {
        font-size: 18px;
    }
    .footer {
        padding: 30px 25px;
    }
    .subs-col {
        background-size: 100% 100%;
        width: 450px;
        /* height: 260px; */
        border-radius: 16px;
    }
    .subs-head h4 {
        margin: 15px 0;
        font-size: 20px;
    }
    .subs-body {
        padding: 15px 20px;
    }
    .subs-prize {
        font-size: 24px;
    }
    .subs-prize span {
        font-size: 14px;
    }
    .subs-body li {
        padding: 2px 0 2px 35px;
        margin: 0 0 5px;
        font-size: 16px;
    }
    .tab-col-5 {
        width: 25%;
    }
    .banner-caps ul li {
        font-size: 18px;
    }
    .banner-caps h2 {
        font-size: 36px;
        margin: 0 0 15px;
    }
    .eps-col {
        width: 25%;
    }
    ul.cat-more li {
        font-size: 20px;
    }
}

@media screen and (max-width: 1169px) {
    .header-right {
        column-gap: 50px;
        width: calc(100% - 100px);
    }
    .nav-col ul {
        column-gap: 25px;
    }
    .nav-right ul {
        column-gap: 20px;
    }
    .nav-right ul li a i {
        font-size: 18px;
    }
    .bdm-img img {
        height: 135px;
    }
    body {
        font-size: 15px;
        padding-top: 80px;
    }
    .f-nav ul li a {
        font-size: 16px;
    }
    .f-nav ul {
        column-gap: 20px;
        margin: 0 0 20px;
    }
    .f-social ul {
        column-gap: 20px;
        margin: 0 0 20px;
    }
    .f-social ul img {
        max-width: 22px;
    }
    .subs-con {
        padding: 20px 0;
        position: relative;
    }
    .subs-col {
        width: 400px;
        height: 300px;
        border-radius: 14px;
    }
    .subs-body li {
        padding: 2px 0 2px 30px;
        margin: 0 0 5px;
        font-size: 15px;
    }
    .sr-img img {
        height: 300px;
    }

    .slider-container {
        margin-right: 0;
    }
    .slider-img1 {
        margin-right: 0;
        width: 100%;
    }
    .banner-caps ul li {
        font-size: 16px;
    }
    .banner-caps h2 {
        font-size: 32px;
        margin: 0 0 15px;
    }
    .join-btn {
        font-size: 18px;
        padding: 9px 30px;
        min-width: 300px;
    }
    .tabs-nav li a {
        font-size: 20px;
    }
    .select-sg select {
        font-size: 18px;
    }
    .eps-col {
        width: 33.33%;
    }
    .slider-img {
        margin-right: 0;
        width: 100%;
    }
    ul.cat-more li {
        font-size: 18px;
    }
    .eps-slide {
        margin-right: 0;
        width: 100%;
    }
    .img1 {
        font-size: 110px;
        left: -5px;
        bottom: -10px;
    }
    .slider-img2 {
        margin-right: 0;
        width: 100%;
        padding-left: 25px;
    }
    .login-head h3 {
        font-size: 30px;
        margin: 0 0 15px;
    }
    .tabs-nav ul.tab-list li a {
        padding: 6px 24px;
        font-size: 18px;
    }
    .f-s-btn {
        width: 44px;
        height: 44px;
        font-size: 20px;
    }
    .f-search-feild {
        width: calc(100% - 60px);
        padding: 7px 20px 7px 50px;
    }
    .full-search .f-s-t {
        left: 17px;
        top: 9px;
        font-size: 18px;
    }
}

/* 1199px */
@media screen and (max-width: 991px) {
    .f-right ul {
        column-gap: 15px;
    }
    body {
        font-size: 14px;
        padding-top: 80px;
    }
    .f-logo a {
        font-size: 24px;
        margin: 0 0 20px;
    }
    .tab-col-3 {
        width: 33.33%;
        padding: 10px;
    }
    .header-row {
        column-gap: 20px;
    }
    .nav-col ul li a {
        font-size: 14px;
    }
    .nav-col ul {
        column-gap: 18px;
    }
    .nav-right  .sub-btn {
        padding: 9px 10px;
    }
    .nav-right ul {
        column-gap: 15px;
    }
    .header-right {
        column-gap: 15px;
        width: calc(100% - 66px);
    }
    .bdm-img img {
        height: 130px;
    }
    .sr-img img {
        height: 225px;
    }
    .banner-caps h2 {
        font-size: 30px;
        margin: 0 0 15px;
    }
    .eps-col {
        width: 50%;
    }
    .tabs-nav li a {
        font-size: 18px;
    }
    .login-head h3 {
        font-size: 24px;
        margin: 0 0 15px;
    }
    .login-col {
        width: 50%;
        padding: 30px;
    }
    .tabs-nav ul.tab-list li a {
        padding: 6px 15px;
        font-size: 16px;
        white-space: nowrap;
    }
    .tabs-nav ul.tab-list {
        column-gap: 10px;
        overflow: auto;
    }
}

@media screen and (max-width: 1519px) {
    .tab-col-20 {
        width: 20%;
        padding: 10px;
        margin-bottom: 10px;
    }

    .tab-col-20 .slider-img {
        width: 100%
    }
}

/* Custom GV */

.tab-col-20 .slider-img {
    width: 100%;
}

@media screen and (max-width: 1240px) {
    .header-right {
        justify-content: end;
    }

    .nav-col {
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        background: #080808;
    }

    .tab-col-20 {
        width: 25%;
        padding: 10px;
        margin-bottom: 10px;
    }

    .nav-col .button {
        display: block;
        position: absolute;
        width: 30px;
        border-top: 2px solid #f7bc07;
        border-bottom: 2px solid #f7bc07;
        height: 25px;
        right: 20px;
        top: -55px;
    }
    .nav-col .button:after {
        content: "";
        width: 25px;
        height: 2px;
        background: #f7bc07;
        position: absolute;
        right: 0;
        top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .tab-col-20 {
        width: 32%;
        padding: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1240px) {
    .nav-col ul {
        display: flex;
    }
}

/* End Custom GV */

/* 991px */
@media screen and (max-width: 767px) {
    .tab-col-3 {
        width: 50%;
        padding: 10px;
    }
    .header {
        padding: 15px 20px;
    }
    .sec {
        padding: 20px;
    }
    .footer {
        padding: 20px;
        text-align: center;
    }
    .f-top {
        column-gap: 0px;
        align-items: center;
        justify-content: center;
    }
    .f-logo, .f-nav {
        width: 100%;
    }
    .f-nav ul {
        column-gap: 15px;
        justify-content: center;
    }
    .f-nav ul li a {
        font-size: 14px;
    }
    .f-copy {
        margin: 0 0 10px;
    }
    ul.accordion-list li {
        padding: 15px 18px;
    }
    ul.accordion-list li .faq-i {
        right: 15px;
    }
    ul.accordion-list li div.answer {
        margin: 20px -18px -20px;
        padding: 15px 18px;
    }
    .subs-col {
        width: 100%;
        height: 235px;
        border-radius: 14px;
        margin-bottom: 30px;
    }
    .subs-row {
        display: flex;
        column-gap: 0;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }
    .subs-body {
        padding: 15px;
    }
    .subs-prize {
        font-size: 24px;
        margin: 0 0 10px;
    }
    .subs-head span {
        height: 34px;
        line-height: 34px;
        padding: 0 12px;
        font-size: 13px;
    }
    .subs-body li {
        font-size: 14px;
    }
    .subs-btn {
        padding: 10px 20px;
        font-size: 16px;
        min-width: 100%;
    }
    .tab-col-5 {
        width: 33.33%;
    }
    ul.pro-list a {
        font-size: 12px;
    }
    ul.pro-list {
        column-gap: 15px;
    }
    .edit-box h2 {
        font-size: 24px;
        margin: 0 0 40px;
    }
    .edit-box ul.pro-list {
        margin: 0 0 30px;
    }
    .st-btn {
        padding: 8px 15px;
        font-size: 16px;
    }
    .pro-icon .fa-circle-check {
        right: 0;
        bottom: 5px;
    }
    .slider-container {
        margin-right: 0;
    }
    .banner-caps h2 {
        font-size: 24px;
        margin: 0 0 15px;
    }
    .banner-caps {
        padding: 20px;
        width: 100%;
    }
    .join-btn {
        font-size: 16px;
        padding: 7px 15px;
        min-width: 125px;
    }
    .wish-btn {
        width: 37px;
        height: 37px;
        padding: 7px;
    }
    .add-share-btn {
        width: 37px;
        height: 37px;
        padding: 6px;
    }
    .caps-btn-right {
        padding: 20px 10px;
        column-gap: 10px;
    }
    .tabs-nav li a {
        font-size: 14px;
    }
    .tabs-nav ul {
        column-gap: 5px;
    }
    .tabs-nav li {
        padding: 10px 5px;
        border-bottom: 3px solid transparent;
    }
    ul.cat-more li {
        font-size: 16px;
    }
    .login-col {
        width: 100%;
        padding: 20px;
        margin: 0 auto;
    }
    .login-header {
        padding: 20px;
        text-align: center;
    }
    .tabs-nav ul.tab-list {
        column-gap: 5px;
        overflow: auto;
    }
    .tabs-nav ul.tab-list li a {
        padding: 6px 15px;
        font-size: 14px;
        white-space: nowrap;
    }
    .tabs-nav {
        margin: 0;
        padding-top: 0;
    }
   /* .nav-col .button {
        display: block;
        position: absolute;
    }
    .nav-col .button {
        display: block;
        position: absolute;
        width: 30px;
        border-top: 2px solid #f7bc07;
        border-bottom: 2px solid #f7bc07;
        height: 25px;
        right: 20px;
        top: -55px;
    }
    .nav-col .button:after {
        content: "";
        width: 25px;
        height: 2px;
        background: #f7bc07;
        position: absolute;
        right: 0;
        top: 10px;
    }*/
    .nav-right {
        margin-right: 50px;
    }
    .nav-col {
        position: absolute;
        left: 0;
        right: 0;
        top: 80px;
        background: #080808;
    }
    .header-right {
        justify-content: end;
    }
    .nav-col ul {
        column-gap: 0;
        padding:13px;
    }
    .nav-col ul li {
        padding: 7px;
        width: 100%;
    }
    .nav-col ul li a {
        font-size: 16px;
    }
    .banner-img img {
        width: 100%;
        min-height: 200px;
        object-fit: cover;
    }
    .banner-page img {
        min-height: 340px;
    }
    .banner-caps ul li {
        font-size: 13px;
    }
    .banner-caps ul {
        margin: 0 0 10px;
        display: flex;
        column-gap: 10px;
        align-items: center;
    }
    .banner-caps ul li::after {
        left: -6px;
        top: 1px;
    }
    .banner-caps p {
        font-weight: 500;
        margin: 0 0 18px;
        font-size: 13px;
    }
    body {
        font-size: 14px;
        padding-top: 75px;
    }
    .banner .owl-dots {
        bottom: 5px;
        padding: 0 20px;
    }
}

/* 767px */

@media(max-width: 479px) {
    .tab-col-3 {
        width: 100%;
        padding: 10px;
    }
    .bdm-img img {
        height: 200px;
    }
    .setting-box {
        width: 100%;
    }
    .tab-col-5 {
        width: 50%;
    }
    .eps-col {
        width: 100%;
    }
    .img1 {
        font-size: 70px;
        left: 0;
        bottom: -7px;
    }
    .nav-right  .sub-btn {
        display: none;
    }
}

@media(max-width: 400px) {}