@media only screen and (max-width: 425px){
    /*top-header*/
    .top-header ul {
        text-align: center;
    }
    .top-header li {
        margin-right: 25px;
        display: inline;
    }

    /*middle-header*/
    .vertical-center{
        align-items:unset;
    }
    .middle-header .nice-select {
        width: 45%;
        height: 45px;
        border: 1px solid #dddddd;
        font-size: 14px;
        padding: 12px 15px 13px;

    }
    .nice-select:after{
        right: 7px;
    }
    .middle-header button {
        width: 15%;
        padding: 13px 15px 12px;
        border-radius: 0 5px 5px 0;
        font-size: 14px;
    }
    span.current {
        left: 10px;
        position: absolute;
        top: 2px;
    }
    .nice-select ul.list {
        width: 80%;
    }
    .nice-select:after {
        right: 38%;
    }
    .middle-header .middle-header-bottom {
        width: 100%;
        position: absolute;
        bottom: 20% !important;
    }
    .middle-header input[type="text"] {
        height: 45px;
        border-radius: 5px;
        border: 1px solid #dddddd;
        padding: 12px 47% 12px 12px;
        width: 100%;
    }
    .middle-header-cart {
        text-align: center;
    }
    .middle-header-account{
        position: relative;
        padding: 0;
    }
    .dangnhap {
        text-align: center;
        top: 30px;
        position: absolute;
        width: 100%;
        padding: 0 15px;
    }
    .icon-account {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .icon-account i.fa.fa-user-circle {
        font-size: 30px;
    }
    .middle-header {
        position: relative;
        height: 150px;
    }
    .middle-header .middle-header-left{
        width: 40%;
        position: absolute;
    }
    .middle-header .middle-header-bottom {
        width: 100%;
        position: absolute;
        bottom: 10%;
    }
    .middle-header .middle-header-right {
        top:0;
        width: 50%;
        position: absolute;
        right: 0;
    }

    .nav.navbar-nav li.active.dropdown .dropdown-toggle a {
        padding: 15px !important;
    }

    li.active.dropdown {
        padding: 0;
    }

    .nav.navbar-nav>li:nth-child(1)>a:after, .active.dropdown>a:after {
        position: absolute;
        font-family: FontAwesome;
        content: '\f054';
        color: white;
        right: 30px;
        top: 35%;
    }
    .nav>li {
        position: unset;
    }
    #myNavbar ul li.dropdown.open:hover>ul {
        visibility: visible;
        display: block;
    }
    #myNavbar ul li.dropdown:hover>ul {
        visibility: hidden;
    }
    /*slider*/
    .slider-show .container {
        padding: 0;
    }

    .section-1 h3 {
        font-size: 18px;
    }
    /*Sản phẩm mới*/
    .new-product .product-info .row {
        display: block;
    }
    .new-product-text {
        padding: 15px 30px;
    }
    .new-product .product-info{
        padding: 0 0 15px 0;
    }
    .section-3 .new-product{
        height: 440px;
    }
    /*section-3*/
    .dangtin {
        margin-top: 50px;
        box-shadow: none;
    }
    .dangtin .col-md-4 {
        width: 100%;
         padding: 0 15px;
         z-index: unset;
         position: unset;
    }
    .dangtin .col-md-8 {
        display: none;
    }

    /*section-4*/
    .section-4 .col-md-2.col-xs-4:nth-child(6) {
        display: none;
    }
    .section-4 .col-md-2.col-xs-4:nth-child(5) {
        display: none;
    }
    .section-4 .col-md-2.col-xs-4:nth-child(4) {
        display: none;
    }
    .section-4 img {
        width: 100%;
    }
    .section-4 .frame {
        /*overflow: hidden;*/
        line-height: 130px;
        width: unset;
    }
    .section-4 .bottom {
        width: 200%;
    }

    /*section-5*/
    .section-5 .tintuc .col-md-4 {
         padding-right: 15px;
    }
    .section-5 .tintuc-content {
        padding: 15px 15px 20px 15px;
    }
    .section-5 .tintuc img {
        width: 100% !important;
    }
    .section-5 img {
        width: 100%;
    }
    .section-5 .content .col-md-6:nth-child(1) h3 {
        margin-right: 15px;
    }
    /*section -6*/
    .img-post img {
        height: 256px;
        width: 384px;
        object-fit: cover;
    }

    /*section-7*/

    .section-7 button {
        padding: 15px 5px 15px 5px;
    }

    /*footer*/
    .top-footer i.fa.fa-facebook {
        margin-bottom: 20px;
    }
    #footer .center{
        text-align: center;
    }


    /*page product-list*/
    /*.option{
        display: none;
    }*/
    .product {
        margin-top: 0
    }
    .tab-content {
        margin-top: 20px;   
    }
    div#boxscroll {
        /*padding-left: 15px;*/
        margin-bottom: 15px;
    }
    #content-product-list h3 {
        /* padding-left: 0; */
        margin-bottom: 10px;
        margin-top: 0;
        border-bottom: 0;
    }
    .list {
        margin-bottom: 0;
    }
    ul.nav.nav-pills li:nth-child(2) {
        text-align: center;
        width: 50%;
        right: 0;
        position: absolute;
        bottom: 0;
    }
    ul.nav.nav-pills li:nth-child(1) {
        text-align: center;
        left: 0;
        width: 50%;
        position: absolute;
        bottom: 0;
    }
    li.btndangtin {
        position: absolute;
        top: 10%;
        /*width: 80%;*/
    }
    li.btndangtin a {
        padding: 15px 34px !important;
    }
    ul.nav.nav-pills {
        height: 130px;
        position: relative;
    }
    .nav-pills>li+li.btndangtin {
        margin-left: 22%;
        text-align: center;
    }

    /*content-product-list*/
    #content-product-list .product-info .col-md-3 {
        padding-right: 15px;
    }
    #content-product-list .product-info .col-md-3 img {
        width: 100%;
    }
    #content-product-list .product-info h3 {
        margin-top: 20px;
        max-height: 45px;
        min-height: auto;
    }
    .product-info .col-md-5 {
        margin-bottom: 20px;
    }
    #content-product-list .product-info .col-md-4 p:nth-child(2) {
         margin-top: 0;
    }
    .product-info button.btn{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    p.count {
        left: 25%;
        margin-top: 40px;
    }

    /*chuyentrang*/
    .chuyentrang p.count {
        left: 25%;
        margin-top: 10px;
    }

    /*modal đăng kí*/
    .custom-control-label{
        display: inline!important;
    }
    /*tin tuc*/
    .news h3 {
        margin-top: 10px;
    }
    /* sản phẩm*/
    .actions-primary {
        padding: 8px 30px;
    }
    .supply-info {
        margin-top: 15px;
    }
    .product-header{
        margin-top: 15px;
    }

}


@media only screen and (max-width: 375px)
{
    .section-1 h3 {
        font-size: 16px;
    }
    .section-7 button {
        /*padding: 11px 5px 11px 5px;*/
        /*font-size: 13px;*/
    }

    .top-header li {
        margin-right: 15px;
    }
    .col-md-7.dangnhap {
        padding-right: 0;
    }
    .middle-header button {
        width: 15%;
        padding: 13px 15px 12px;
        border-radius: 0 5px 5px 0;
        font-size: 14px;
    }
    .nav.nav-pills>li>a{
         padding: 15px;
    }
    .nav>li {
        position: unset;
    }
    #myNavbar ul li.dropdown.open:hover>ul {
        visibility: visible;
        display: block;
    }
    #myNavbar ul li.dropdown:hover>ul {
        visibility: hidden;
    }

    .chuyentrang p.count {
        text-align: center;
        left: 0;
        right: 0;
        top: 40px;
        margin-top: 10px;
    }
    p.go {
        left: 0;
        text-align: center;
        right: 0;
        margin-top: 70px;
        /* margin-bottom: 40px; */
    }
    .pagination {
        text-align: center;
        list-style: none;
        margin-top: 0;
        position: absolute;
        margin-left: 10%;

    }
    /*Sản phẩm mới*/
    .new-product .product-info .row {
        display: block;
    }
    .new-product-text {
        padding: 15px 30px;
    }
    .new-product .product-info{
        padding: 0 0 15px 0;
    }
    /*tin tuc*/
    .news h3 {
        margin-top: 10px;
    }
}

@media only screen and (width: 320px){
    .top-header li {
        margin-right: 5px;
    }
    .nav>li {
        position: unset;
    }
    #myNavbar ul li.dropdown.open:hover>ul {
        visibility: visible;
        display: block;
    }
    #myNavbar ul li.dropdown:hover>ul {
        visibility: hidden;
    }
    .section-7 button {
        padding: 15px 5px 16px 5px;
        font-size: 11px;
    }
    .section-7 input[type="email"] {
        padding: 13px 20% 13px 15px;
    }
    .middle-header-account .dangnhap {
        width: 55%;
    }
    .nice-select ul.list {
        width: 100%;
    }
    .middle-header .icon-account {
        width: 40%;
    }

    .section-4 .frame {
        line-height: 90px;
        /* height: 90px; */
    }
    .section-4 .button {
        margin-top: 45px !important;
    }
    section.section-4 {
        padding: 80px 0 70px;
    }
    /*Sản phẩm mới*/
    .new-product .product-info .row {
        display: block;
    }
    .new-product-text {
        padding: 15px 30px;
    }
    .new-product .product-info{
        padding: 0 0 15px 0;
    }
    /*tin tuc*/
    .news h3 {
        margin-top: 10px;
    }
}

@media only screen and (width: 1024px)
{
    .menu a {
        padding: 15px 15px !important;
    }
    .section-3 .col-md-8 {
        width: 63%
    }
    /*.section-7 input[type="email"] {*/
        /*width: 70%;*/

    /*}*/
}

@media only screen and (width: 768px) {
    .top-header .col-md-offset-7 {
        float: right;
    }
    
    .middle-header input[type="text"] {
        padding: 10px 15px;
    }
    .nice-select {
        height: 42px;
        padding: 10px 15% 10px 30px;
        width: 40%;
    }
    .middle-header .dangnhap{
        padding-left: 15px;
    }
    .middle-header button {
        padding: 8px 10px 7px;
    }
    span.current {
        left: 5px;
        top: 0;
    }
    .nice-select ul.list {
        width: 75%;
    }
    .middle-header-cart {
        text-align: center;
    }
    .middle-header-account{
        position: relative;
        padding: 0;
    }
    .dangnhap {
        text-align: center;
        top: 30px;
        position: absolute;
        width: 100%;
        padding: 0 15px;
    }
    .icon-account {
        position: absolute;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .icon-account i.fa.fa-user-circle {
        font-size: 30px;
    }
    /*menu*/
    #myNavbar a {
        font-size: 12px;
        padding: 15px 10px !important;
    }
    .menu .container{
        width: 100%;
    }
    .dropdown-menu {
        min-width: 190px;
    }

    .dangtin .col-md-4 {
        top: 0;
        padding: 30px 30px 30px 0;
    }
    .section-3 .col-md-8 {
        width: 65%;
    }

    .frame {
        line-height: 100px;
    }
    .frame img{
        width: 90%;
    }
}

@media (min-width: 1200px){
    .container {
        width: 1200px;
    }
}