@charset "utf-8";

/*** Description for Default Styles
normal font size = 14px;
Default blue color code = #0058a3
Default yellow color code = #ffcc00
Default font = Open Sans
Iconic Fonts = glyph icons and font awesome
Grid == bootstrap 3.6 1170px
columns = 12 cols
Best View Mobile, Tablet and Desktop
***/

.custom-style {
    background: #0058a3;
    right: 15px !important;
    left: 15px !important;
}

.custom-style li a,
.custom-style li a:focus {
    color: #fff;
    padding: 10px
}

.custom-style li a:hover {
    color: #fff;
    background: #ffcc00;
}

@media (min-width:768px) and (max-width:1200px) {
    #products .item.list-group-item .caption {
        width: 72% !important;
    }
}

@media(max-width:1199px) {
    .message-list .image-holder {
        min-width: 125px;
    }
    .initial-message-details {
        width: 80%;
    }
}

@media(max-width:990px) {
    .browse-subject-list ul li {
        width: 31%
    }
    .search-tutor #select-multi,
    .hiw-findTutor #select-multi,
    .search-module #select-multi {
        margin-bottom: 8px
    }
    .locations-nav ul li {
        border: 0;
    }
    .locations-nav ul li a {
        padding: 10px 15%;
        margin: 0;
    }
    .dashboard-sidebar ul li a {
        font-size: 12px;
    }
    .statistics-section ul {
        padding: 0;
    }
    .statistics-section ul li p,
    .statistics-section-client ul li p {
        font-size: 12px;
    }
    .statistics-section ul li p i,
    .statistics-section-client ul li p i {
        font-size: 3em !important;
    }
    .statistics-section ul li,
    .statistics-section-client ul li {
        padding: 10px 0px 0px 0;
    }
    .tutor-detail-sidebar .list-thumb {
        max-width: auto;
        min-width: auto;
        min-height: auto;
    }
    .are-you-sure {
        font-size: 12px !important;
    }
    .initial-message-details {
        width: 70%;
    }
}


/** IPAD tablets small desktop resolutions **/

@media(max-width:800px) {
    #messege-me-bottom-btn {
        display: block;
        overflow: hidden;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9999
    }
    #profile-sidebar,
    #hide-on-sm,
    #header-message-btn {
        display: none;
    }
    .list-thumb.res-img-unique {
        min-width: inherit;
        min-height: inherit;
    }
    ul.properties li {
        float: left;
        margin-right: 8px;
        font-size: 0px;
        width: 50px;
    }
    ul.properties li h5 {
        font-size: 8px;
    }
    #show-on-sm {
        display: block
    }
}

@media(max-width: 992px) {
    .view-switch-btns .btn-group:nth-child(1) {
        display: block;
        background-color: white;
        color: #0058a3 !important;
        border: 1px solid;
        font-weight: 600;
    }
    .view-switch-btns .fa.fa-filter {
        display: none;
    }
    .listing-sidebar-main {
        display: none;
    }
    .pull-right.view-switch-btns .button-blue {
        color: #2f5589 !important;
        background-color: white;
        border-radius: 5px !important;
    }
    .pull-right.view-switch-btns .btn-group {
        border-radius: 5px;
    }
}

@media(min-width: 992px) {
    .media-for-small img {
        max-width: 490px;
    }
}

@media(max-width: 995px) {
    #profile-sidebar,
    #hide-on-sm,
    #header-message-btn {
        display: none;
    }
    .list-thumb.res-img-unique {
        min-width: inherit;
        min-height: inherit;
    }
    ul.properties li {
        float: left;
        margin-right: 8px;
        font-size: 0px;
        width: 50px;
    }
    ul.properties li h5 {
        font-size: 8px;
    }
    #show-on-sm {
        display: block
    }
}

@media(max-width: 768px) {
    .search-tggle {
        display: block;
    }
    #tutor-in-label {
        display: none;
    }
    .searchPostcode {
        margin-left: 83px;
    }
    #header-search-form {
        display: none;
    }
    #select-multi {
        margin-left: 63px;
    }
    .pagination li:nth-child(13) span {
        right: -159px;
    }
    .pagination li:nth-child(1) span {
        left: -163px;
    }
    .search-module {
        padding: 7px;
    }
    .search-tggle h4 label {
        line-height: 27px;
    }
    .home-page-search #header-search-form {
        display: block !important;
    }
    .home-page-search .search-tggle {
        display: none;
    }
    #select-multi {
        margin-left: inherit;
    }
    #select-multi {
        padding: 0px 21px 0px 29px;
    }
    #select-level {
        padding-left: inherit;
        margin-bottom: 10px;
    }
    .searchPostcode {
        margin-left: 83px;
    }
    #tutor-in-label {
        display: block;
    }
    #header-search-form .col-lg-2.col-md-3.col-xs-12.col-sm-3 {
        padding: 0px 20px;
    }
    #select-level {
        padding: 0px 19px 0px 11px !important;
    }
    .col-md-2.col-sm-6.col-sm-offset-1.searchPostcode {
        padding: 0px 16px 0px 25px;
    }
}

@media(max-width: 783px) {
    .is-grid .description {
        display: block !important;
    }
}

@media(max-width: 640px) {
    span#search-icon {
        margin-top: -32px;
    }
    .pagination li:nth-child(13) span {
        right: -100px;
    }
    .pagination li:nth-child(1) span {
        left: -104px;
    }
    .switch-btns-main .pull-right.view-switch-btns {
        width: 25.5%;
        text-align: center;
        margin-top: 12px;
    }
    .switch-btns-main .view-switch-btns .btn-group a {
        font-size: 3vw !important;
    }
    .thumbnail.clearfix {
        display: flex;
        flex-direction: row;
        padding: 10px 0;
    }
    /*.image-holder.pull-left {
    max-width: 900px;
    height: 268px;
    width: 100%;
}*/
    .is-grid .description {
        display: block !important;
    }
    .section640 {
        display: block;
    }
    .list-heading.pull-left {
        text-align: left;
    }
    .response-section.pull-right.text-center.section640 {
        display: flex;
        min-height: auto;
    }
    .response-section.pull-right.text-center.section640 a {
        display: none;
    }
    .map-marker {
        display: flex;
        margin-left: 26px;
        margin-top: 3px;
        padding-bottom: 0px;
    }
    i.fa.fa-map-marker {
        margin-right: 4px;
        font-size: 19px;
    }
    .response-section {
        min-height: auto;
    }
    .list-price strong {
        font-size: 16px;
    }
    .map-marker p {
        font-size: 13px;
        font-weight: 600;
        padding-top: 0px;
    }
    .response-section p {
        margin-bottom: 0px;
    }
    .description h4 {
        font-weight: 600;
        font-size: 15px;
    }
    .response-section.pull-right.text-center {
        display: none;
    }
    .arrow-section a i {
        color: #0058a3;
        font-size: 26px;
    }
    .arrow-section a {
        background-color: inherit;
        color: #0058a3;
        padding: 46px 19px;
    }
    .arrow-section {
        border-left: 1px solid #ccc;
        min-height: 100px;
        float: right;
    }
    #products .is-grid {
        min-height: 36vw !important;
    }
    .pagination li:nth-child(13),
    .pagination li:nth-child(1) {
        display: none;
    }
    .arrow-section {
        display: block;
    }
}


/** covers small talets and mobile with bigger resolution **/

@media(max-width:767px) {
    .heading-size {
        font-size: 18px
    }
    .details-content .sub-heading {
        padding: 8px 0;
    }
    .details-content h4 {
        font-size: 14px;
    }
    .per-hour-h3 {
        font-size: 16px;
        margin-top: -10px;
    }
    #messege-me-bottom-btn {
        display: block;
        overflow: hidden;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
    }
    #profile-sidebar,
    #hide-on-sm,
    #header-message-btn {
        display: none;
    }
    .list-thumb.res-img-unique {
        min-width: inherit;
        min-height: inherit;
    }
    .main-page-banner {
        max-width: 300px
    }
    /*.radio-toolbar input[type="radio"] { width: 16px; height: 24px;}*/
    /*.radio-toolbar label { font-size: 13px;}*/
    ul.properties li {
        float: left;
        margin-right: 8px;
        font-size: 0px;
        width: 50px;
    }
    ul.properties li h5 {
        font-size: 8px;
    }
    ul.properties {
        margin: 0;
    }
    .hide-padding-sm {
        padding: 0 0 6px 0;
    }
    #show-on-sm {
        display: block
    }
    .media-for-small {
        padding-top: 14px;
    }
    ul.timeline:before {
        height: 80%;
    }
    .main-heading h1,
    .section-heading h2 {
        font-size: 6vw;
    }
    .heading h3,
    .heading-contact h3,
    .get-started h3,
    .form-heading h3 {
        font-size: 5vw;
    }
    .browse-subject-list ul li a h3 {
        font-size: 5vw;
    }
    #header .navbar-header .navbar-brand {
        height: auto;
        padding: 20px 15px;
        display: block;
    }
    #header .navbar-brand img {
        max-width: 180px;
    }
    #header .navbar-toggle {
        margin-top: 18px;
    }
    .browse-subject-list ul li {
        width: 48%
    }
    .padding-70,
    .padding-50 {
        padding: 40px 0;
    }
    .section-heading {
        padding: 0 0 40px 0;
    }
    .button-play {
        font-size: 6vw;
    }
    .button-play i {
        font-size: 28px;
    }
    .hidden-desktop {
        display: block;
    }
    .hidden-mobile {
        display: none
    }
    .profile-placeholder {
        text-align: left;
        margin: 20px 0;
    }
    .profile-placeholder img {
        width: 100%;
        max-width: 200px;
    }
    .profile-details ul,
    .statistics-section-client ul {
        padding: 0;
    }
    .statistics-section ul li,
    .statistics-section-client ul li {
        width: 46%;
        margin: 6px 2%;
    }
    .steps-tabs .step1-tab a h3 {
        font-size: 4vw
    }
    .call-us h4 {
        font-size: 5vw
    }
    .contact-boxes {
        margin-bottom: 30px;
    }
    .search-heading h2 {
        font-size: 5vw;
    }
    #products .is-grid {
        min-height: 85vw;
    }
    #products .is-grid .list-heading h3 {
        font-size: 6vw;
    }
    #products .is-grid .list-heading h3 i {
        font-size: 6vw;
    }
    .view-switch-btns {
        width: 100%;
    }
    .view-switch-btns .btn-group {
        display: block
    }
    .view-switch-btns .btn-group a {
        padding: 3% !important;
        font-size: 4vw !important;
    }
    .tutor-detail-sidebar .list-thumb {
        max-width: auto;
        min-width: auto;
        min-height: auto;
    }
    .form-title h3 {
        font-size: 5vw;
    }
    .message-area .button-blue {
        font-size: 11px !important;
    }
    .heading h2 {
        font-size: 5.5vw;
    }
    #list,
    #grid {
        display: none !important;
    }
    .sidebar-widget p img {
        margin: 0 auto
    }
    .response-section {
        min-height: 115px;
    }
    .faq-heading-top h1 {
        margin-bottom: 15px;
        text-align: center;
    }
    .login-form-section {
        display: none;
    }
    .student-login-wrapper {
        display: block;
    }
    /*----Tutor finder login page setting-----*/
    #main-login {
        padding-top: 45px;
    }
    .mob-button {
        display: block;
        margin-bottom: 30px;
    }
    .mob-button .btn-styling {
        position: relative;
        padding: 10px 15px;
        width: 50%;
        border-radius: 0px !important;
        background: #EEEEEE;
        color: #333;
        margin-left: -4px;
    }
    .mobile-login-buttons.active {
        background: #0058A3!important;
        color: #fff!important;
    }
    .mobile-login-buttons.active::after {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 15px 15px 0 15px;
        border-color: #0058A3 transparent transparent transparent;
        transform: rotate(0deg);
        bottom: -14px;
        right: 50%;
        transform: translateX(50%);
    }
    .sticky-button {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 118;
        box-shadow: 2px 2px 5px;
    }
    .mobile-login-buttons.active {
        background: #eee;
        color: #333;
    }
}


/** small devices landscape **/

@media(max-width:640px) {
    .become-tutor-form,
    .login-form {
        padding: 0;
    }
    #main-login {
        min-height: 500px;
        padding: 40px 0;
    }
    .form-body {
        padding: 0;
    }
}

.tutor-registration-wrapper .container {
    padding-left: 0px;
    padding-right: 0px;
}


/** Small devices **/

@media(max-width:539px) {
    .browse-subject-list ul li {
        width: 100%
    }
    .initial-message-details,
    .message-list .image-holder {
        width: 100%;
    }
    .initial-message-details {
        text-align: center;
        margin-top: 10px;
    }
    .message-list .list-thumb {
        margin: 0 auto;
    }
    .mobile-nav {
        margin-bottom: 10px;
    }
}

@media (max-width:480px) {
    .button-blue,
    .ajs-cancel {
        padding: 10px 18px;
    }
    .lesson-added ul li,
    .messages ul li {
        display: block;
    }
    .lesson-added ul li span,
    .messages ul li span {
        display: block;
        width: 100%;
        text-align: center;
    }
    .messages-module .well {
        padding: 8px;
    }
    .calendar_cntr {
        padding-bottom: 20px;
    }
    .initial-message-details .list-heading,
    .initial-message-details .add-to-fav,
    .date-button .history-btn,
    .right-content .form-title span {
        float: none !important;
    }
    .right-content .form-title span {
        margin-top: 20px;
        display: inline-block;
        width: 100%;
    }
    #select-multi,
    .searchPostcode {
        margin-left: inherit;
    }
    div#select-level {
        margin-bottom: 10px;
        padding-left: inherit;
    }
    .search-module.search-inner .col-lg-2.col-md-3.col-xs-12.col-sm-3 {
        padding-left: inherit;
    }
}

@media (max-width:375px) {
    .map-marker {
        display: flex;
        margin-left: 11px;
        margin-top: 3px;
        padding-bottom: 0px;
    }
}