/*
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 : 13.10.2017., 09.45.45
    Author     : vladandzulovic
*/
@media(min-width:480px){
    .job-position > *{
        width: auto;
    }
    .job-position {

        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        border-bottom: none;
        margin-bottom: 10px;
        padding-bottom: 0;

    }
}

@media(min-width:576px){
    .course-content figure{
        float: left;
        margin: 5px 25px 5px -24px;
    }
    .course-content figure img{
        width: auto;
        max-width: 100%;
        margin-left: -20px;
    }
    .course-teachers .row > div:nth-of-type(2) .animation,
    .course-teachers .row > div:nth-of-type(4) .animation{
        animation-delay: 0.2s;
    }
    
    .blog-lead-img{
        height: 167px;
}
.blog-wrapper .date-published{
    margin-bottom: 0;
}
.blog-short-desc{
    height: 4.4rem;
    overflow: hidden;
    line-height: 1.1rem;
}

.single-comment figure{
    width: 70px;
    min-width: 70px;
    height: 70px;
}
}


@media(min-width:768px){
    .job-position figure{
        -ms-flex: 0 0 70px;
        flex: 0 0 70px;
        max-width: 70px;
    }


    .scholl-rules{
        background-size: 70% 90%;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    

}

@media(min-width:992px){
.course-teachers .row > *{
    margin-bottom: 10px;
}
    .course-content figure{
        float: left;
        margin: 5px 40px 15px -24px;

    }

    .course-teachers .row > div:nth-of-type(3) .animation{
        animation-delay: 0.4s;
    }
    .course-teachers .row > div:nth-of-type(4) .animation{
        animation-delay: 0.6s;
    }
    #map_wrapper {
    height: 520px;
}

}

@media(min-width:1200px){

    .course-content figure{
        margin-right: 70px;
        margin-top: 30px;
    }
    .blog-short-desc{
    height: 6rem;
    overflow: hidden;
    line-height: 1.5rem;
}
.blog-lead-img{
    height: auto;
}

}

@media(min-width:1450px){
    .display{
        transform: translateX(-80px);
    } 
}