@media (min-width: 300px) and (max-width: 400px) {
 
.content-top .col-logo {
    display: block;
    text-align: center;
    float: none;
}

 .content-top .col-logo .logo {
    text-align: center;
    display: inline-block;
    margin: 5px auto;
}

.col-menu-top .menu-top {
    display: block;
    position: relative;
    padding-top: 12px;
    text-align: center;
}

.col-menu-top .menu-top .item-menu-top {
    display: inline-block;
    position: relative;
    padding: 0px 13px;
    text-align: center;
    float: none;
    margin-bottom: 7px
}

.tab-duan .nav-duan li {
    font-family: "ROBOTO-REGULAR";
    color: #C6C6C6;
    border-radius: 0px;
    display: block;
    margin-bottom: 5px;
    float: none;
}

.menu-bottom{
    display: none
}

.menu-mobile{
    display: block !important;
    position: absolute;
    left: 10px;
    top: 20px;
}

    .menu-mobile .btnmenu-mobile{float: right;}
    .menu-mobile .btnmenu-mobile a {font-size: 17px;font-family: "ROBOTO-REGULAR";color: #00B7FF;}
    .menu-mobile .btnmenu-mobile a i{font-size: 30px}
    .menu-mobile .btnmenu-mobile a:hover{text-decoration: none;}
    .owl-duan .owl-controls,#owl-demo .summary-slider{
        display: none !important;
    }

    .content-top .content-top-logo .text-right-top 
    {
        display: none;
    }
}

@media (min-width: 401px) and (max-width: 500px) {
    .content-top .col-logo {
    display: block;
    text-align: center;
    float: none;
}

 .content-top .col-logo .logo {
    text-align: center;
    display: inline-block;
    margin: 5px auto;
}

.col-menu-top .menu-top {
    display: block;
    position: relative;
    padding-top: 12px;
    text-align: center;
}

.col-menu-top .menu-top .item-menu-top {
    display: inline-block;
    position: relative;
    padding: 0px 13px;
    text-align: center;
    float: none;
    margin-bottom: 7px
}

.tab-duan .nav-duan li {
    font-family: "ROBOTO-REGULAR";
    color: #C6C6C6;
    border-radius: 0px;
    display: block;
    margin-bottom: 5px;
    float: none;
}
.menu-bottom{
    display: none
}

.menu-mobile{
    display: block !important; 
}

.menu-mobile{
    display: block !important;
    position: absolute;
    left: 10px;
    top: 20px;
}

    .menu-mobile .btnmenu-mobile{float: right;}
    .menu-mobile .btnmenu-mobile a {font-size: 17px;font-family: "ROBOTO-REGULAR";color: #00B7FF;}
    .menu-mobile .btnmenu-mobile a i{font-size: 30px}
    .menu-mobile .btnmenu-mobile a:hover{text-decoration: none;}
    .owl-duan .owl-controls,#owl-demo .summary-slider{
            display: none !important;
        }
    .content-top .content-top-logo .text-right-top 
    {
        display: none;
    }
}

@media (min-width: 501px) and (max-width: 600px) {
    .content-top .col-logo {
        display: block;
        text-align: center;
        float: none;
    }

     .content-top .col-logo .logo {
        text-align: center;
        display: inline-block;
        margin: 5px auto;
    }

    .col-menu-top .menu-top {
        display: block;
        position: relative;
        padding-top: 12px;
        text-align: center;
    }

    .col-menu-top .menu-top .item-menu-top {
        display: inline-block;
        position: relative;
        padding: 0px 13px;
        text-align: center;
        float: none;
        margin-bottom: 7px
    }
    .menu-bottom{
    display: none
    }

    .menu-mobile{
        display: block !important; 
    }

.menu-mobile{
    display: block !important;
    position: absolute;
    left: 10px;
    top: 20px;
}

    .menu-mobile .btnmenu-mobile{float: right;}
    .menu-mobile .btnmenu-mobile a {font-size: 17px;font-family: "ROBOTO-REGULAR";color: #00B7FF;}
    .menu-mobile .btnmenu-mobile a i{font-size: 30px}
    .menu-mobile .btnmenu-mobile a:hover{text-decoration: none;}
    #owl-demo .summary-slider{
            display: none !important;
        }
    .content-top .content-top-logo .text-right-top 
    {
        display: none;
    }
}

@media (min-width: 601px) and (max-width: 700px) {
    #owl-demo .summary-slider{
            display: none !important;
        }
}
@media (min-width: 601px) and (max-width: 767px){
    #owl-demo .summary-slider{
            display: none !important;
        }
}
@media (min-width: 701px) and (max-width: 800px) {
   #owl-demo .summary-slider {
        bottom: 10%;
        width: 80%;
    }

}
@media (min-width: 701px) and (max-width: 767px){
     
}
@media (min-width: 801px) and (max-width: 900px) {
     
}
@media (min-width: 800px) and (max-width: 980px) {
    
}
@media (min-width: 901px) and (max-width: 1000px) {
    
}

@media (min-width: 1000px) and (max-width: 1100px) {
     
}

@media (min-width: 1100px) and (max-width: 1200px) {
     
}