/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : April 17, 2020, 7:51:26 AM
    Author     : Gašper R.
*/

@media screen and (max-width: 1200px){
    .navbar .navbar-nav>li.navbar-list{
        margin-right: 20px;
    }

    .landingSearchResults{
        width: 440px;
    }

    .header__list li, .header__list li a{
        font-size: 16px;
    }


    .second-nav__list{
        display: -webkit-box;
        overflow-y: scroll;
        max-width: 100%;
        width: fit-content;
    }

    .second-nav__list li{
        float: none;
        display: block;
        margin-left: 15px;
    }



}

@media screen and (max-width: 992px) {

    .dataTables_wrapper {
        overflow: scroll;
    }

    .table.dashboard__table tr th{
        font-size: 10px;
    }

    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
        font-size: 10px;
    }

    .classroom__table .videoType{
        margin-top: 0px;
    }

    .collapse.navbar-collapse{
        display: none !Important;
    }

    .navbar-header{
        width: 100%;
    }
    
    .menu-mobile {
        cursor: pointer;
        position: relative;
        width: 35px;
        height: 35px;
        display: block;
        float: right;
        margin-top: 25px;
        z-index: 10;
    }

    .menu-global {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        left: 0;
        border-top: 2px solid #ffffff;
        width: 100%;
        -webkit-transition: 0.55s;
        transition: 0.55s;
    }

    .subpage__nav .menu-global{
        border-top: 2px solid #151c4f;
    }

    .menu-top {
        top: 0;
    }

    .menu-middle {
        top: 12px;
    }

    .menu-bottom {
        top: 24px;
    }

    .menu-top-click {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 15px;
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg);
        -webkit-transition: 0.55s 0.5s;
        transition: 0.55s 0.5s;
        border-top: 2px solid #ffffff !Important;
    }

    .menu-middle-click {
        opacity: 0;
    }

    .menu-bottom-click {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 15px;
        -webkit-transform: rotate(-410deg);
        transform: rotate(-410deg);
        -webkit-transition: 0.55s 0.5s;
        transition: 0.55s 0.5s;
        border-top: 2px solid #ffffff !Important;
    }

    .navbar.navbar-shrink .navbar-nav>li>a{
        color: #ffffff;
    }

    .landing2Slider{
        position: relative;
        margin-bottom: 0px;
    }

    .landing3Slider{
        position: relative;
        min-height: auto;
    }

    .landing2__cta {
        margin-top: 50px;
    }

    .landing__title{
        font-size: 40px;
        margin-top: 37px;
    }


    .navbar{
        padding: 0px 0px;
    }

    .navbar-mobile__content {
        display: none;
        position: fixed;
        height: 100%;
        background-color: #151c4feb;
        top: 0;
        left: 0;
        z-index: 9;
        transform: none;
        margin-top: 0px;
        text-align: center;
        width: 100%;
        margin: 0;
        min-height: 100%;
        padding-top: 30vh;
    }

    .navbar-mobile__content ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
    }

    .navbar-mobile__content ul li {
        margin-bottom: 20px;
    }

    .navbar-mobile__content ul li a {
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
    }

    .navbar-active {
        display: block;
    }

    .navbar-button{
        padding: 0px;
        line-height: 45px;
        margin: 0 auto;
    }

    .navbar-shrink .menu-mobile .menu-global{
        border-top: 2px solid #151c4f;
    }

    .landing4Slider{
        padding-top: 30px;
    }

    .landing5__title{
        margin-top: 20px;
    }

    .footer__title{
        margin-top: 20px;
    }

    .fun26{
        left: 30%;
        top: -55px
    }

    .fun25 {
        top: -40px;
        left: 15%;
    }

    .fun27{
        left: 21%;
        top: -20px;
    }

    .fun24{
        left: 3%;
        top: -24px;
    }


    .legend{
        margin-bottom: 20px;   
    }

    .teachers__package{
        margin-bottom: 20px;
    }

    .teacher-box__subtitle{
        font-size: 13px;
    }

    .teacher-box.teacher-front .teacher-box__content{
        padding-top: 70px;
    }

    .results__cta{
        width: 100%;
    }

    .teacher__statistic .teacher__rating img, .teacher__statistic .tag{
        display: block;
        margin: 0 auto;
    }

    .teacher__statistic .teacher__rating .title{
        font-size: 18px;
        text-align: center;
    }

    .teacher__statistic .price{
        font-size: 18px;
        text-align: center;
    }

    .teacher__statistic .teacher__rating .sum{
        font-size: 12px;
        text-align: center;
    }

    .teacher__rating{
        text-align: center;
    }

    .teacher__cta{
        padding-left: 5px;
        padding-right: 5px;
    }
    .teacher__statistic{
        margin-top: 20px;
    }

    .news_single_sidebar .news_bg{
        height: 90px;
    }
    
    .checkbox.region {
        height: 0px;
        transition: height 0.5s;
    }
    
    .checkbox.region.show {
        height: 250px;
    }
    
    .toggle-section::after {
        content: "+";
        float: right;
        border: 1;
        border-radius: 22.5px;
        border: solid 1px #e6e6e6;
        background: none;
        color: #e5148c;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        line-height: 39px;
        width: 40px;
        height: 40px;
        margin-top: -11px;
    }
    .toggle-section.show::after {
        content: "-";
        
    }

}

@media screen and (max-width: 768px) {

    .teacher__name{
        height: auto;
    }

    .profile-card{
        padding: 25px 25px;
    }
    .header__title{
        font-size: 39px;
        margin-top: 33vh;
    }

    .header__subtitle{
        font-size: 18px;
        margin-top: 5px;
    }

    .header{
        background-image: url(../images/header-bg-mobile-min.png);
        height: auto;
        padding-bottom: 40px;
    }

    .header__input{
        width: 100%;
        font-size: 14px;
    }

    .header__list li, .header__list li a{
        font-size: 16px;
    }

    .header__list{
        margin-top: 80px;
    }

    .navbar-brand>img {
        width: 90%;
    }

    .menu-mobile{
        margin-right: -10px;
    }

    .landing1__box{
        margin-bottom: 30px;
    }

    .landing__title{
        text-align: center;
    }

    .landing__subtitle{
        text-align: center;
    }

    .landing4__button {
        margin-top: 25px;
    }

    .landing5__cta{
        margin: 0 auto;
        margin-top: 25px;
    }

    .landing1 .tab-content {
        padding-bottom: 40px;
    }

    .landing2__cta {
        margin-top: 25px;
    }

    .landing3Slider{
        margin-top: 30px;
    }

    .landing3__cta{
        position: relative;
        bottom: 0px;
        left: 0px;
        margin: 0 auto;
        transform: initial;
        margin-top: 20px;
    }

    .landing4__title {
        margin-top: 0px;
    }

    .landing2__title {
        margin-top: 20px;
    }
    
    .landing2 .fun13 {
        display: none;
    }
    .landing2 .fun14 {
        display: none;
    }
    
    .landing2.news-section .fun1, 
    .landing2.news-section .fun2,
    .landing2.news-section .fun3,
    .landing2.news-section .fun4, 
    .landing2.news-section .fun5,
    .landing2.news-section .fun6,
    .landing2.news-section .fun7 {
        display: none;
    }

    .landing2 .teacher-teasers:nth-child(3) {
        display:none;
    }


    .fun9 {
        right: 40%;
        top: -15px;
    }

    .fun10 {
        right: 27%;
        top: 32px;
    }

    .fun11{
        right: 8%;
        top: -25px;
    }

    .fun12{
        right: 5%;
        top: 42px;
    }

    .fun14{
        top: -88px;
        left: 30%;
    }

    .fun13{
        top: -158px;
        left: 10%;
    }

    .fun15{
        top: -54px;
        left: 7%;
    }

    .fun22{
        bottom: -200px;
        right: 11%;
    }

    .fun23{
        bottom: -160px;
        right: 3%;
    }

    .fun21{
        bottom: -106px;
        right: 15%;
    }

    .fun20{
        bottom: -94px;
        right: 29%;
    }

    .fun19{
        bottom: -47px;
        right: 8%;
    }

    .fun16{
        bottom: 24px;
        right: 47%;
    }

    .fun18{
        bottom: 20px;
        right: 3%;
    }

    .fun17{
        bottom: 50px;
        right: 18%;
    }

    .fun6{
        top: -100px;
        left: 65%;
    }

    .fun5{
        top: -52px;
        left: 50%;
    }

    .fun4{
        top: -73px;
        left: 35%;
    }

    .fun1{
        left: 44%;
        top: -122px;
    }

    .fun3{
        top: -136px;
        left: 24%;
    }

    .fun2{
        top: -74px;
        left: -1%;
    }

    .fun7{
        top: -81px;
        left: 14%;
    }

    .fun8{
        top: -15px;
        left: 1%;
    }

    .button-google{
        margin-bottom: 0px;
    }

    .showPasswordButton{
        position: relative;
        float: right;
        margin-top: -40px;
    }

    .steps .cta2{
        margin-top: 10px;
    }

    .teacher-front{
        width: 265px;
    }


    .fun26{
        left: 60%;
        top: -55px
    }

    .fun25 {
        top: -40px;
        left: 50%;
    }

    .fun27{
        left: 34%;
        top: -20px;
    }

    .fun24{
        left: 10%;
        top: -48px;
    }

    .steps__card .title{
        font-size: 22px;
    }

    .user-image{
        margin: 0 auto;
    }

    .profile .edit-image{
        right: 20px;
    }

    .certificateLoader{
        left: -3px;
    }

    .landingSearchResults{
        width: 227px;
        margin-right: 29px;
        border: 1px solid #dfdfe4;
        border-top: none;
    }

    .header input::placeholder{
        font-size: 14px;
    }

    .teacher__card{
        height: auto !Important;
    }



    .teacher-box__themes{
        text-align: center;
    }

    .footer.subpage__footer{
        text-align: center;
    }

    .footer__list li a{
        font-size: 13px;
    }

    .footer__cta{
        font-size: 13px;
    }

    .footer__title{
        font-size: 18px;
    }

    .calendalFullBox{
        overflow-x: scroll;
    }

    .calendalFullBox .calendarContainer{
        width: 600px;
    }

    .calendalFullBox .teacher__calendar{
        width: 600px;
    }

    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
    }

    .teacher__singleTerm{
        font-size: 12px;
    }

    .news_single .news_bg{
        height: 188px;
    }


}


@media screen and (max-width: 600px) {
    .teacher-box__content{
        padding-top: 70px;
    }

    .teacher-box__image{
        width: 85px;
        height: 85px;
        overflow: hidden;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 25px;
        transform: translate(-50%, 0px);
    }

    .teacher-box__noimage{
        width: 85px;
        height: 85px;
        overflow: hidden;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 25px;
        transform: translate(-50%, 0px);
    }

    .teacher-box{
        margin-bottom: 0px;
    }

    .subpage__title{
        margin-top: 10px;
        font-size: 35px;
        text-align: center;
    }

    .results__number{
        text-align: center;
    }

    .results__orderBy{
        text-align: center;
    }

    .teacher__title{
        font-size: 20px;
    }

    .calendarDates{
        font-size: 13px;
    }

    .course-basic-box .teacher__image{
        height: 200px;
        margin-bottom: 20px;
    }

    .teachers__description .slider-for .productImage img{
        height: 200px;
    }

    .steps .cta__one.cta{
        width: 100%;
    }

    .register__cta{
        width: 100%;
    }

    .cta__one{
        width: 100%;
    }

    .landing4__button{
        width: 100%;
    }

    .landing5__cta{
        width: 100%;
    }

    .footer{
        text-align: center;
    }

    .user-chat .start-box{
        width: 80%;
    }

    .calendarButton {
        float: left;
    }

    .calendarDatesMain{
        margin-top: 10px;
        margin-left: 0px;
    }

    .header input::placeholder{
        color: #ffffff;
    }

    .dashboarShowAllTerms{
        width: 90%;
        text-align: center;
    }

    .addNewArrowText{
        font-size: 12px;
    }

    .results__noResults .teacher-box__noimage {
        top: 17px;
    }

    #profile-visibility{
        position: absolute;
        top: 90px;
        right: 0px;
    }

    .basic_card{
        padding: 20px;
    }

    .news_box .basic_card h1{
        font-size: 30px;
    }

    .news_box .basic_card{
        font-size: 13px;
    }
   

    .news_single_sidebar .news_bg {
        height: 50px;
    }

    .news_single_sidebar .date{
        font-size: 10px;
    }

    .news_single_sidebar h3{
        font-size: 13px;
    }

    .basic_card h2{
        font-size: 20px;
    }

    .basic_card .date{
        font-size: 12px;
    }

    .basic_card .date img {
        width: 13px;
        margin-top: 1px;
    }

}