@media only screen and (min-width: 1025px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (max-width: 768px) {
    /* .header .logo{
        padding-bottom: 1rem;
    } */
}

@media only screen and (max-width: 480px) {
    .owl-navi {

        & .owl-prev,
        & .owl-next {
            margin-top: -25px;
            padding: 5px;

            &:before {
                font-size: 26px;
                left: 0;
                right: 0;
            }

            &:hover {
                opacity: 1;
            }
        }
    }

    .main-contents {
        & .box-main-header {
            & .container {
                & .box-tabs {
                    & .nav-tabs {

                        & .nav-link {
                            width: 100%;
                        }
                    }

                }
            }
        }
        & .site-bar {
           padding-top: 36px;
        }
    }
}

@media only screen and (max-width: 380px) {}

@media only screen and (max-width: 320px) {}