/*
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 : 9/Out/2014, 15:23:38
    Author     : gnubee

    break for mobile at 1024px

*/


@media  (min-width:1400px) and (max-width: 1920px)  {
    body{
        zoom:.9;
    }
}


@media (max-width: 1400px) {

    /*//////////////////////

             COMMON

      ///////////////////////*/

    .site-section:not(.highlights-section):not(.agenda-section):not(.home-section){
        width:58%;
    }
    .page-content{
        font-size:14px;
    }
    .page-title{
        font-size:28px;
    }
    .sub-title{
        font-size:22px;
    }


    /*//////////////////////

           MENU

    ///////////////////////*/

    .menu{
        font-size:14px;

    }

    .menu-link{
        height:20px;
        margin-bottom:30px;
    }

    .lang-link{
        font-size:12px;
    }
    .menu-link-bar{
        top:28px;
    }


    /*//////////////////////

          HIGHLIGHTS

   ///////////////////////*/

    .hl-description{
        font-size:16px;
    }

    .hl-readmore{
        font-size:14px;
    }


    /*//////////////////////

          COURSES NAV

   ///////////////////////*/
    .courses-nav{
        font-size:28px;
    }

    .courses-cat-subtitle{
        font-size:16px;
    }

    .course{
        font-size:14px;
    }


    /*//////////////////////

             PORTFOLIO

      ///////////////////////*/

    .student{
        font-size:18px;
        margin-bottom:5px;
    }

    .student-name{
        margin-bottom:7px;
    }

    /*//////////////////////

          FOOTER

   ///////////////////////*/
    .displayed-work-label{
        margin-right:15px;
        max-width:150px;
        word-wrap: normal;

    }

    .displayed-work-label .artist-label{
        font-size:12px;
    }

    .displayed-work-label .course-label{
        font-size:10px;
    }

    .gallery-controls-wrapper{
        right:15px;
    }

}


@media  (min-width:1024px) and (max-width: 1400px)  {
    body{
        zoom:.8;
    }
}


@media (min-width: 1024px) {
    /*    .mobile-menu{
            display:none !important;
            opacity:0 !important;
        }*/

    .menu-wrapper{
        height:auto !important;
    }
    .mobile-controls{
        display:none !important;
    }

    .mobile-menu-button:not(.mobile-close){
        display:block !important;
    }


}







@media (max-width:1024px){

    /*//////////////////////

            MENU

      ///////////////////////*/
    .menu{
        margin-left:0px;

    }
    .mobile-enlarge{
        display:block;
    }

    .logo-container{
        top:7px;
        left:12px !important;
        /*display:none !important;*/
    }
    /*    .logo-container{
            width:125px
        }*/

    .mobile-menu-button{
        right:15px !important;
        left:auto !important;
        top: 5px;
        display:block !important;

    }

    .mobile-menu-button-filter{
        color:#fff
    }

    header{
        position:fixed;
        top:0;
        left:0;
        width:100% !important;
        min-width:100% !important;
        height:55px;
        background-color:rgba(0,0,0,1) !important;

        display:inline-block;
        /*z-index:9999;*/
    }

    .menu-wrapper{
        /*display:none !important;*/
        background-color:rgba(0,0,0,0.8);
        position:relative;
        margin-top:55px;
        bottom:0;
        left:0px;
        padding: 20px 0;
    }

    .menu-link .site-menu-filler,.menu-link .menu-link-bar{
        display:none;
    }

    .menu-link{
        color:#fff !important;
    }

    .menu-link span:first-of-type{
        display:none;
    }

    .menu-link{
        font-size:18px;
        margin:10px auto;
        text-align: center;
    }


    .back-button{
        left:10px
    }

    .portfolio-content-media{
        margin-bottom: 40px;
    }

    .portfolio-gallery-thumb{
        opacity:1 !important;
    }

    .submenu{
        margin-bottom:120px;
    }
    .submenu-link{
        margin-right: 25px;
        font-size:26px;
    }

    .lang-link{
        font-size:16px;
    }




    /*//////////////////////

           COMMON

     ///////////////////////*/
    .loader-logo{
        padding:0 !important;
    }


    .bg-container{
        background-position:center;
    }


    .mfp-gal-arrow{
        /*    width:50px;
            height:50px;*/
        font-size:25px;
        top:50%;
        margin-top:-12px;
    }

    .mfp-gal-arrow-left{
        left:15px;
    }

    .mfp-gal-arrow-right{
        right:15px;
    }



    .site-section{
        padding-bottom:80px;
        position:absolute;
        left:auto;
        margin:auto;
        width:100% !important;
        float:left;
        background-image:none;
        background-color:rgba(0,0,0,0.7);
        padding-top: 55px;
        min-height:100vh !important;

    }

    .site-page, .courses-nav-wrapper, .site-page-header{
        background-color:transparent;
    }

    .site-page{
        padding:0 15px;
    }

    .site-page-header{
        padding:35px 15px;
        padding-left: 0;
        padding-bottom:15px;
    }

    .page-close{
        /*top:15px;*/
        top: 50px;
        position: fixed;
        right: 14px;
    }

    .page-wrapper{
        position:relative;
    }


    .page-content{
        padding-right:0 !important;
        padding-left:20px
    }

    /*//////////////////////

             FOOTER

       ///////////////////////*/
    .footer{
        background-color:#000;
        padding-top:5px;
        padding-bottom:0;
        text-align: center;
        width:100%;
        height:55px;
    }

    .displayed-work-label{
        max-width:none;
        color:#fff !important;
        border-right:none;
        right:auto;
        text-align:center;
        margin-right:0;
        padding:0;
        padding-top:5px;
    }


    .artist-label{
        border-bottom: 1px solid #fff;
        padding-bottom:3px;
        text-align:inherit;
    }

    .course-label{
        text-align:center;
    }

    /*//////////////////////

        GALLERY CONTROLS

 ///////////////////////*/



    .gallery-filter{
        right:35px;
    }

    .gallery-controls-wrapper{
        right:17px;
    }

    .gallery-controls-wrapper{
        display:none !important;
    }

    .mobile-controls{
        display:block;
    }

    /*//////////////////////

              HOME

       ///////////////////////*/

    .home-logo {

        margin-top: -79px !important;
    }

    /*//////////////////////

        COURSES

  ///////////////////////*/
    .courses-container{
        padding-top:20px;
    }

    .courses-list{
        position:relative;
        margin-bottom:20px;
        padding-left: 10px;
    }

    .courses-cat-subtitle{
        font-size:18px;
    }

    .courses-nav{
        margin:5px 0;
        font-size:24px;
    }

    .courses-nav-wrapper {
        position: relative;
        padding: 5px 15px 0px 15px;
        text-align: left;
    }

    .course-info{
        padding-left: 17px;
        padding-right: 0px !important;
    }

    .courses-cat-subtitle{
        margin-left:20px;
    }

    .cat-description{
        padding-left: 20px;
    }

    /*//////////////////////

            PORTFOLIO

      ///////////////////////*/

    .students-container .page-title{
        padding-left:20px;
    }

    .students-wrapper .page-subtitle{
        padding-left:20px;
        margin-top:20px;
    }

    .students-list{
        padding-left:20px;

    }

    .search-wrapper{
        display:none;
    }


    /*//////////////////////

Highlights

///////////////////////*/
    .highlights-section{
        float: left;
        left: 0;
    }

    .highlights-page{
        max-width: 100%;
    }


    .hl-slider{
        opacity:0;
        display:none;
        height:auto !important;
    }



    .hl-wrapper{
    }


    .hl-subtitle{
        font-size: 30px;
    }

    .hl-title{
        margin-top: 0;
        line-height:40px;
        font-size:40px;
    }

    .hl-description{
        font-size:16px;
        width: 70%;
        font-weight:300;
    }

    .hl-readmore{
        margin-top:35px;
    }

    /*//////////////////////

    NEWS

    ///////////////////////*/
    .news-slider{
        display:none;
        opacity:0;
    }

    .news-section .site-page-header{
        display:none;
    }

    .news-wrapper{
    }

    .news-title{
        text-align:center
    }

    .news-subtitle{
        text-align:center
    }

    .news-date{
        text-align:center
    }

    .news-description{
        text-align:center;
        padding-left:0;
    }

    /*//////////////////////

    SUDO SLIDER

    ///////////////////////*/

    .highlights-page .controls,.news-slider .controls, .mCSB_container .controls{
        position:relative;
        margin-top:25px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 10;
        display: inline-block;
        /*padding-top: 25px;*/
    }



    /*//////////////////////

       CONTACTS

       ///////////////////////*/
    #map-canvas{
        min-height:40vh;
        max-height:350px;
    }

}



@media (max-width:480px){

}