/* Responsive Grid Media Queries - 1280, 1024, 768, 480
	1280-1024 	- desktop (default grid)
	1024-768 	- tablet landscape
	768-480 	- tablet 
	480-less 	- phone landscape & smaller
-----------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) {
	
    .grid .row{
        padding:0 5em;
    }
    .search_btn{
        left:907px;
        margin-top:3px;
        width:30px;
    }
    .search_box{
        left:716px;
        top:0;
        width:20%;
    }
    .top_buttons ul li{
        width:32.9%;
    }
	
}

@media all and (min-width: 768px) and (max-width: 1023px) {

    .bg_image{
        background-size:200%;
    }
    .main_image{
        background-position: 350px center;
    }
    .grid .row{
        padding:0 2em;
    }
    .floating{
        top:73px;
        width:760px;
    }
    .search_btn{
        left:10px;
        margin-top:3px;
        width:30px;
    }
    .search_box{
        left:10px;
        top:0;
        width:80%;
    }
    .top_buttons ul li{
        width:32.9%;
    }
}


@media all and (min-width: 480px) and (max-width: 767px) {
	.grid .row{
        padding:0 1em;
    }
    .main_image{
        background-position: center 95%;
    }
    .floating{
        top:63px;
        width:480px;
    }
    .top img{
        margin:auto 25%;
        width: 300px;
    }
    .search_btn{
        left:10px;
        margin-top:3px;
        width:30px;
    }
    .search_box{
        left:10px;
        top:0;
        width:97%;
    }
    .panel{
        margin-top: 0;
        min-height: 100px;
    }
    #home .panel{
        margin-top: 0;
        min-height: 100px;
    }
    .panel p{
        font-size: 0.9em;
        line-height: 1.2em;
    }
    .bg_publications,
    .bg_learning{
        background:none;
        height: auto;
    }
    .top_buttons ul li{
        width:32.5%;
    }
    .side_bar{
        border-left: none;
    }

    .side_bar ul{
        margin:0;
    }
    .side_bar ul li{
        width:32.5%;
    }
    .side_bar ul li .side_button,
    .side_bar ul li:nth-child(odd) .side_button,
    .side_bar ul li:nth-child(even) .side_button{
        margin:0 10px;
    }
    .flexbox{
        display: block;
    }
    
}

@media all and (max-width: 479px) {
	
    .grid .row{
        padding:0 1em;
    }
    .main_image{
        background-position: center 95%;
    }
    .floating{
        top:39px;
        width:300px;
    }
    .top img{
        margin:auto;
        width: 60%;
    }
	.search_btn{
        left:10px;
        margin-top:3px;
        width:30px;
    }
    .search_box{
        left:10px;
        top:0;
        width:95%;
    }
    .panel{
        margin-top: 0;
        min-height: 100px;
    }
    #home .panel{
        margin-top: 0;
        min-height: 100px;
    }
    .bg_publications,
    .bg_learning{
        background:none;
        height: auto;
    }
    .top_buttons ul li{
        width:100%;
        display: block;
        border-left:none;
    }
    .top_buttons ul li .top_button{
        margin:0;
    }
    img{margin-bottom: 20px; clear: both;
        display: block;
    }
    .inner_image img{
        height:250px;
    }
    .side_bar{
        border-left: none;
    }

    .side_bar ul{
        margin:0;
    }
    .flexbox{
        display: block;
    }
	
}