@media(min-width: 1024px) and (max-width: 1365px) {}

@media (min-width:768px) and (max-width: 1023px) {}

@media screen and (max-width: 900px) {
    #content {
        width: 90%
    }
    .intro p {
        display: none;
    }
    .main,
    .nav,
    .sidebar,
    .intro,
    #content {
        float: none;
        text-align: center;
        margin: 5px;
        padding: 0;
        width: 100%
    }
    .top-nav {
        padding: 0 15px;
    }
}

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

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



/*Hiden Class*/
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.invisible {
    visibility: hidden!important
}

.hidden-xs-up {
    display: none!important
}

@media (max-width:575px) {
    .hidden-xs-down {
        display: none!important
    }
}

@media (min-width:576px) {
    .hidden-sm-up {
        display: none!important
    }
}

@media (max-width:767px) {
    .hidden-sm-down {
        display: none!important
    }
}

@media (min-width:768px) {
    .hidden-md-up {
        display: none!important
    }
}

@media (max-width:991px) {
    .hidden-md-down {
        display: none!important
    }
}

@media (min-width:992px) {
    .hidden-lg-up {
        display: none!important
    }
}

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-xl-up {
        display: none!important
    }
}

.hidden-xl-down {
    display: none!important
}

.visible-print-block {
    display: none!important
}