BossBey File Manager

Editing: responsive.css

/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {
    #header .header-wrap .show-search {
        display: none;
    }
}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
    .tp-caption {
        left: 20px !important;
    }

.stellarnav>ul {
        text-align: right;
    }

.stellarnav>ul>li>a {
        padding: 20px 10px;
    }

.nav-pills>li>a {
        font-size: 1.1em;
        padding: 18px 5px;
        letter-spacing: 0;
    }
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
    #mainnav {
        display: none;
    }

.btn-menu {
        display: block;
    }

.header .header-wrap .logo {
        float: left;
        margin: 15px 0px 15px 0px;
    }

.btn-menu {
        margin: 30px 0;
    }

.flat-information>li {
        margin-left: 20px;
    }

.top .top-navigator ul li {
        padding: 7px 15px 8px 16px;
    }

.flat-row,
    .flat-row.flat-video,
    .page-title,
    .flat-row.portfolio-slides,
    .main-content {
        padding: 50px 0;
    }

.flat-row.pad-top95px.pad-bottom40px {
        padding-bottom: 0;
    }

.wrap-form-event {
        padding: 50px 15px
    }

.about-us.style1 {
        padding: 40px 0 40px;
    }

.field-large input[type="text"],
    .field-large input[type="password"],
    .field-large input[type="datetime"],
    .field-large input[type="datetime-local"],
    .field-large input[type="date"],
    .field-large input[type="month"],
    .field-large input[type="time"],
    .field-large input[type="week"],
    .field-large input[type="number"],
    .field-large input[type="email"],
    .field-large input[type="url"],
    .field-large input[type="search"],
    .field-large input[type="tel"],
    .field-large input[type="color"] {
        height: 50px;
    }

h1,
    .title-section.style3 .title,
    .flat-countdown-event .title-countdown,
    .page-title .page-title-heading h1,
    .blog-single .entry .main-post .title-post a {
        font-size: 22px;
        line-height: 24px;
    }

#video-controls .title,
    .about-us .title-about-us {
        font-size: 20px;
        line-height: 22px;
    }

#video-controls a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
    }

.switcher-container h2 a,
    .go-top,
    .flat-event-slide .flex-direction-nav a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

.switcher-container h2 i {
        font-size: 18px;
        margin-top: 0;
    }

.switcher-container h2 a {
        left: -35px;
    }

.flat-divider.d55px,
    .flat-divider.d88px,
    .flat-divider.d90px,
    .flat-divider.d33px,
    .flat-divider.d75px,
    .flat-divider.d20px,
    .flat-divider.d60px,
    .flat-divider.d65px,
    .flat-divider.d45px,
    .flat-divider.d30px,
    .flat-divider.d70px {
        height: 0;
    }

.wrap-contactform-home1,
    .wrap-blog-fullwidth,
    .flat-login {
        padding: 0 15px;
    }

.title-section,
    .flat-testimonials-slider #flat-testimonials-flexslider {
        margin-bottom: 40px;
    }

.flat-about-us .about-us-img .v1,
    .flat-about-us .about-us-img .v2,
    .flat-about-us .about-us-img .v3 {
        position: relative;
        width: 50%;
        float: left;
    }

.flat-about-us .about-us-img .v1,
    .flat-about-us .about-us-img .v2,
    .flat-about-us .about-us-img .v3,
    .wrap-form-event,
    .flat-team.style1 .descritption blockquote:before {
        left: 0;
        top: 0;
    }

.flat-teammember .team-image img {
        top: 0px;
        left: 0;
    }

.flat-contact-form.fillter-courses .wrap-type-input .wrap,
    .flat-contact-form.fillter-courses .all-categories button {
        float: none;
    }

.flat-event-slide .flex-direction-nav .flex-next {
        right: 0;
    }

.flat-event-slide .flex-direction-nav .flex-next {
        top: 50%;
        margin-top: -25px;
    }

.flat-contact-form.fillter-courses .wrap-type-input .wrap,
    .main-content.blog-single-sidebar .entry .feature-post img,
    .flat-list.left,
    .course-list .list-content,
    .course-list .thumb {
        padding-right: 0;
    }

.flat-list.right,
    .flat-information-box.inf4 {
        padding-left: 0;
    }

.flat-contact-form.border-radius select,
    .flat-contact-form.border-white .wrap.courses-keyword input[type="text"],
    .wrap-form-event,
    .widget.widget_mc4wp input[type="email"],
    .flat-portfolio .item.w50,
    .flat-contact-form.border-radius input {
        width: 100%;
    }

.flat-portfolio .item {
        width: 50%;
    }

.widget.widget_mc4wp input[type="submit"] {
        position: absolute;
    }

.widget.widget_mc4wp input[type="submit"] {
        right: 30px;
    }

.copyright,
    .flat-socials.text-right,
    .single-image.style1,
    .single-image,
    .flat-iconbox {
        text-align: center;
    }

ul.flat-socials li:first-child {
        margin-left: 0;
    }

.title-section.cl-white.style3.v3,
    .flat-event.style1,
    .blog-single .entry .main-post {
        margin-bottom: 0;
    }

.copyright {
        padding: 36px 0 15px;
    }

.bottom ul.flat-socials li {
        padding: 15px 0 30px;
    }

.header .header-wrap:after,
    .flat-about-us .about-us-img .v1 {
        display: none;
    }

.flat-contact-form.fillter-courses .all-categories {
        padding-bottom: 25px;
    }

.flat-contact-form.fillter-courses .all-categories button,
    .wrap-form-event button,
    .blog-single .entry .main-post {
        padding: 17px 20px;
    }

button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        padding: 19px 99px 17px 90px;
    }

.flat-testimonials-slider #flat-testimonials-flexslider:before {
        top: 0;
    }

.footer-widgets .widget,
    .flat-iconbox.style1,
    .flat-iconbox,
    .flat-courses.style1 {
        margin-bottom: 30px;
    }

.single-image.style1 img,
    .single-image img {
        margin: 0 0 0;
    }

.flat-event .event-wrapper .meta .location:before {
        left: 115px;
    }

.flat-testimonials-flex .flex-control-nav {
        right: 0;
    }

.flat-testimonials-flex .flex-control-nav {
        top: 100px;
    }

.flat-row.pad-top0px.pad-bottom0px,
    .about-us.pad-top55px {
        padding: 0;
    }

.flat-one-four {
        width: 50%;
    }

.flat-row.pad-top0px.pad-bottom0px.mag-top-199px {
        margin-top: 50px;
    }

.flat-team.style1 {
        padding: 30px 0px 30px 20px;
    }

.flat-information-box.inf1,
    .flat-information-box.inf2,
    .flat-information-box.inf4 {
        padding-right: 0;
    }

.course-list .thumb {
        margin-bottom: 15px;
    }

.fillter-courses.style1 .categories-courses:before,
    .fillter-courses.style1 .courses-level:before {
        right: 40px;
        top: 15px;
    }

.flat-portfolio.v1 .flex-control-nav {
        width: 90%;
    }

.flat-teammember .team-image img {
        position: relative;
    }

.flat-grid.margin55px {
        margin: 0 0;
    }

.flat-login .create-account .link-submit-wrap a {
        font-size: 13px;
    }

.stellarnav>ul>li>a {
        padding: 7px;
    }

.header-wrap img {
        max-width: 70px;
    }

.about-us-img .clearfix {
        width: 50%;
        float: left;
    }

.about-us {
        padding: 40px 20px 30px;
    }

.flat-about-us .col-md-4 {
        padding: 0;
    }

.style2 {
        margin-bottom: 100px;
    }

.style2:last-child {
        margin-bottom: 0;
    }

.flat-teammember .team-image img {
        top: 0 !important;
        right: 0;
        top: 0;
        left: 0;
        margin: auto;
        display: table;
    }

.flat-team .profile {
        margin-bottom: 0;
    }

.flat-team.style1 {
        padding: 30px 0px 0 20px;
    }

.col-clear .col-md-4:nth-child(3n+1) {
        clear: none;
    }

.col-clear .col-md-4:nth-child(2n+1) {
        clear: both;
    }

.bod-col:last-child {
        margin-bottom: 0;
    }

.section-advisory .bod-col:nth-child(5) {
        margin-bottom: 160px;
    }

.mb-adjust {
        margin-bottom: 160px;
    }

.mb-adjust:last-child {
        margin-bottom: 0;
    }

.stellarnav ul {
        text-align: right;
    }

.col-image-style {
        border-radius: 0;
        width: 100%;
        height: 400px;
        padding-top: 0;
        margin-top: 20px;
    }

.academics-col-item h2 {
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 0;
    }

.title-style {
        margin-bottom: 10px;
    }

.nav-pills>li>a {
        font-size: 1.1em;
        padding: 18px 5px;
        letter-spacing: 0;
    }

.mg-top {
        margin-top: 50px;
    }

.section-contact .col-md-3 {
        padding: 15px;
    }
}

.academics-section .nav-pills>li {
    width: 33%;
    margin: 0 -8px 0 0;
}

.academics-section .nav-pills>li>a {
    font-size: 1.4em;
    padding: 18px;
}

.academics-section .title-mg h2 {
    margin-bottom: 3px;
}

.academics-section .title-mg:after {
    margin-top: 5px;
}

.is-section .nav-pills>li {
    width: 33%;
    margin: 0 -8px 0 0;
}

.is-section .nav-pills>li>a {
    font-size: 1.3em;
    padding: 18px;
}

.is-section .title-mg h2 {
    margin-bottom: 3px;
}

.is-section .title-mg:after {
    margin-top: 5px;
}

/* Tablet Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {

.blog .entry .feature-post,
    .blog .entry .main-post,
    .wrap-contactform-home1 .input-wrap,
    .wrap-contactform-home3 .wrap-type-input,
    .wrap-contactform-home3 .textarea-wrap {
        width: 100%;
    }

.flat-one-four {
        width: 50%;
    }

.blog .entry .feature-post,
    .blog .entry .main-post,
    .course-list .thumb {
        float: none;
    }

.flat-courses {
        text-align: center;
        margin-bottom: 30px;
    }

.flat-team.style2 {
        margin: 0 15px 0 70px;
    }

.flat-team.style2 {
        padding: 15px 15px 15px 50px;
    }

.flat-team.style2 .team-image img {
        left: 0;
    }

.testimonials-flexslides1.flat-testimonials-flex.style2 .flex-direction-nav {
        display: block;
    }

.flex-direction-nav,
    .row-bg-whiteblack:after,
    .entry.images-left .main-post:before,
    .entry.images-right .main-post:after {
        display: none;
    }

.flat-testimonials-slider #flat-testimonials-carousel,
    .flat-event.style1 .event-wrapper .meta .location,
    .wrap-contactform-home3 .textarea-wrap,
    .course-sidebar {
        padding-left: 0;
    }

.wrap-contactform-home3 .wrap-type-input,
    .content-box .content {
        padding-right: 0;
    }

.flat-countdown-event {
        padding: 50px 15px 65px 15px;
    }

.flat-countdown-event .circle {
        width: 80px;
        height: 80px;
        margin-right: 10px;
        padding-top: 5px;
    }

.flat-countdown-event .circle .numb,
    .flat-iconbox.center.style4 .flat-counter div,
    .aquarius h2 {
        font-size: 22px;
    }

.course-widget-featured ul li {
        overflow: hidden;
    }

.flat-event .event-wrapper {
        overflow: visible;
    }

.entry.images-right .main-post {
        padding-left: 15px;
    }

.flat-courses .courses-price p {
        font-size: 18px;
    }

.flat-divider.d50px {
        height: 0;
    }

.single-image.style1,
    .image,
    .course-list>ul>li,
    .flat-event .event-wrapper,
    .content-box {
        margin-bottom: 30px;
    }

.wrap-contactform-home3 button,
    .flat-row.pad-top95px.pad-bottom50px {
        padding: 15px 25px;
    }

.wrap-contactform-home3 button {
        font-size: 14px;
    }

.list-course {
        margin-right: 30px;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
    }

.list-course,
    .course-sidebar {
        padding-top: 40px;
    }

.main-content.blog-single-sidebar .entry .main-post,
    .main-content.blog-single-sidebar .section-comment {
        margin-right: 0;
    }

.widget.widget-instagram .instagram-thumb .thumb {
        width: 90px;
    }

.fillter-courses .categories-courses:before,
    .fillter-courses .courses-level:before {
        right: 30px;
        top: 5px;
    }

.flat-contact-form.fillter-courses .all-categories button,
    .wrap-form-event button,
    .blog-single .entry .main-post {
        padding: 12px 20px;
    }

.flat-contact-form.border-radius select,
    .flat-contact-form.border-radius input {
        height: 50px;
    }

.fillter-courses .categories-courses:before,
    .fillter-courses .courses-level:before {
        right: 30px;
        top: 11px;
    }

.flat-contact-form.border-white select,
    .flat-contact-form.border-white textarea,
    .flat-contact-form.border-white input[type="text"] {
        font-size: 12px;
        line-height: 10px;
    }

.flat-contact-form.fillter-courses .all-categories button,
    .wrap-form-event button,
    .blog-single .entry .main-post {
        padding: 17px 40px;
    }

.content-box .content p {
        padding-bottom: 0;
    }

.flat-grid.margin20px {
        margin: 0 -15px;
    }

.wrap-form-event {
        position: relative;
        top: -15px;
    }

.tp-caption span {
        font-size: 16px !important;
    }

.copyright {
        padding: 5px;
    }

.bottom ul.flat-socials li {
        padding: 5px 0 5px;
    }

.mb-bottom {
        margin-top: 0;
    }
}

.font-large {
    font-size: 4.5em !important;
}

@media only screen and (max-width: 752px) {
    .header {
        z-index: 9999;
        position: relative;
    }

.flex-col {
        display: block !important;
        position: relative;
    }

.flex-col .col-md-10 {
        padding: 0;
        position: sticky;
    }

.stellarnav.light .menu-toggle {
        position: absolute;
        top: -54px;
        right: 0;
        z-index: 999;
    }

.stellarnav.mobile.light>ul {
        border-top: 1px solid #ddd;
        margin-top: 15px;
    }

.stellarnav.mobile.light ul {
        z-index: 99999;
    }

.stellarnav.mobile.light li a:hover,
    .stellarnav.mobile.light li a:focus,
    .stellarnav.mobile.light li a:active {
        background-color: #44517b;
        color: white;
    }

.stellarnav.mobile.light li a {
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        height: 48px;
        padding: 15px 50px 15px 15px !important;
    }

.stellarnav.mobile.light li a:hover i {
        color: white;
    }

.font-large {
        font-size: 2.5em !important;
    }

.about-us-img .clearfix {
        width: 100%;
    }

.width-full {
        width: 100%;
    }

.style2:first-child {
        margin-top: 50px;
    }

.column-3-item {
        min-height: initial;
    }

}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-caption {
        z-index: 99;
        left: 20px !important;
    }
}

.iml-section .nav-pills>li {
    width: 33%;
    margin: 0 -8px 0 0;
}

.iml-section .nav-pills>li>a {
    font-size: 1.4em;
    padding: 18px;
}

.iml-section .box-effect a {
    display: block;
}

.iml-section .image-bg {
    overflow: hidden;
    position: relative;
}

.iml-section .tab-content-image:hover {
    transform: scale(1.2);
}

.iml-section .tab-content-image {
    height: 350px;
    transition: all 0.3s;
    transform: scale(1);
}

@media (max-width: 575px) {
    .width-100 {
        width: 100% !important;
    }

.courses-thumbnail img {
        height: 300px;
        object-fit: cover;
        width: 100%;
    }

.remove_div {
        display: none;
    }

.flat-courses:hover .courses-thumbnail a.courses-viewmore {
        top: 0 !important;
        height: 100%;
        display: flex;
        align-items: center;
    }

.flat-courses .courses-thumbnail {
        margin-bottom: 5px;
    }

.courses-viewmore br {
        display: none;
    }

.flat-courses .courses-thumbnail a.courses-viewmore {
        font-size: 18px;
    }

.top-boxed .col-md-3 {
        display: none;
    }

.iml-section .nav-pills>li {
        width: 100%;
        margin: 0 0 10px 0;
    }

.iml-section #myTab2Content {
        padding-top: 30px;
    }

#medical,
    #library {
        text-align: center;
    }

#library img {
        margin-top: 20px;
    }

.bod-image {
        width: 130px;
        height: 130px;
        margin: -70px auto 0;
    }

.bod-content {
        padding: 70px 11px 0;
        text-align: center;
    }

.section-os .bod-col {
        margin-bottom: 100px;
    }

.section-os .bod-col:last-child {
        margin-bottom: 0;
    }

.section-os {
        padding-top: 100px !important;
    }

#map {
        height: 300px !important;
    }

.bod-item h5,
    .bod-item h4 {
        font-size: 1.2em;
    }

.academics-section .nav-pills>li {
        width: 100%;
        margin: 0 0 10px 0;
    }

.is-section .nav-pills>li {
        width: 100%;
        margin: 0 0 10px;
    }

.is-section br {
        display: none;
    }

.title-style h2 {
        margin-bottom: 0;
        font-size: 1.5em;
    }

.list-style ul li {
        font-size: 1.1em;
    }

.clearfix-col-shadow {
        box-shadow: hsl(0, 0%, 80%) 0 0 4px;
        padding: 35px 15px;
        margin: 0;
    }

.section-contact {
        padding-top: 40px !important;
    }

.bg-contact {
        min-height: 990px;
    }

.wrap-contactform-home1 {
        margin-top: 220px;
    }

textarea {
        height: 80px;
    }
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {

.flat-portfolio .item,
    .col-xs-6,
    .your-rating .rating {
        width: 100% !important;
    }

.your-rating span {
        padding: 0;
    }

.flat-row,
    .blog-single .section-comment {
        padding: 35px 0;
    }

.flat-courses,
    .flat-iconbox,
    .top .top-navigator,
    .author-post .flat-socials,
    .course-author-post .flat-socials {
        text-align: left;
    }

.flat-iconbox.style1 {
        text-align: center;
    }

.flat-countdown-event .circle {
        margin-right: 2px;
    }

.list-course {
        margin-right: 55px;
    }

.flat-countdown-event .circle,
    .flat-contact-form.border-radius select,
    .blog-single .feature-post {
        margin-bottom: 20px;
    }

.flat-information>li.phone {
        margin-left: 0;
    }

.top .language,
    .flat-row.pad-top85px.pad-bottom85px {
        padding: 15px 0 10px;
    }

.top-navigator {
        border-top: 1px solid #eeeeee
    }

.widget.widget_mc4wp {
        padding: 32px 15px 15px;
    }

.widget.widget_mc4wp input[type="submit"] {
        padding: 17px 15px 19px 15px;
    }

.blog-single .entry .main-post .entry-post ul,
    .course-single .course-entry .content-desc ul {
        padding-left: 25px;
    }

.author-post .flat-socials,
    .course-author-post .flat-socials {
        margin-top: 26px;
    }

.author-post .author .author-meta,
    .course-author-post .author .author-meta {
        padding-top: 0;
    }

.flat-event .event-wrapper,
    .blog-pagination .flat-pagination li.next {
        padding-right: 0;
    }

.course-rating .average-rating {
        margin-right: 0;
    }

.course-rating .average-rating,
    .course-comment-respond .wrap-type-input .input-wrap,
    .flat-one-four {
        width: 100%;
    }

.course-comment-post .comment .comment-avatar img,
    .comment-post .comment .comment-avatar img,
    .course-comment-respond .wrap-type-input .input-wrap.name {
        float: none;
    }

.blog-pagination .flat-pagination li.prev {
        padding-left: 0;
    }

.blog-pagination .flat-pagination li.prev,
    .blog-pagination .flat-pagination li,
    .blog-pagination .flat-pagination li.active {
        margin-left: 0;
    }

.flat-contact-form.border-radius.style1 select,
    .flat-contact-form.border-radius.style1 input {
        height: 50px;
    }

.fillter-courses.style1 .categories-courses:before,
    .fillter-courses.style1 .courses-level:before {
        right: 30px;
        top: 7px;
    }

.flat-countdown-event {
        padding: 50px 0 65px 0;
    }

}

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

/* Retina Devices */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

.flat-accordion .toggle-title.active:after {
        background: url("../images/icon/sub%402x.png");
        background-size: 26px 10px;
    }

.flat-accordion .toggle-title:after {
        background: url("../images/icon/add%402x.png");
        background-size: 26px 26px;
    }

.widget_search .search-form .search-submit {
        background: url("../images/icon/search-icon%402x.png");
        background-size: 30px 30px;
    }
}

Cancel