/* Tablet */
@media only screen and (max-width: 1000px){
    #l_logo{padding-left: 40px;}
    body #l_page {width: 100%;}
    /* body content */
    #l_body > .inner > .main{float: none;width: 711px;margin: 0 auto;}
    .main-right div{width: 711px;margin: 0 auto;float: none;}
    .main-right > div{width: 711px; margin: 0 auto;}
    .main-right div .widget img{max-width: 100%;height: auto !important;}
    .main-right div.rightbar{float: left;margin-left: 25px;margin-top: 40px;}

    /* homepage */
    .container-frontpage .home-box{margin: 0;width: 48%;float: left;margin-bottom: 15px;}
    .container-frontpage .home-box:nth-child(odd){margin-right: 1%;margin-left: 1.5%;}
    .container-frontpage .home-box:nth-child(even){}
    .container-frontpage .home-box.last{float: left;}
    .container-frontpage .home-box img{width: 90%;}
}
@media only screen and (max-width: 870px){
    #l_navigation .responsive-container > ul > li{width: 110px;}
    #l_navigation ul li ul li ul li{left: 175px;}
}
@media only screen and (max-width: 768px){
    #l_header{margin-bottom: 60px;}
    #l_body > .inner > .main{float: none;width: 600px;margin: 0 auto;}
    .main-right div{width: 600px;margin: 0 auto;float: none;}
    .main-right > div{width: 600px; margin: 0 auto;}

    /* navigation */
    #l_navigation{height: auto;position: relative;margin-top: 20px;}
    #l_navigation a.menuIconM {width: 30px;position: absolute;right: 0;bottom: 0px;cursor: pointer;margin-top:15px;top: 0;margin-right: 20px;z-index: 5;height: 25px;display: block;}
    #l_navigation a.menuIconM .menuLine {cursor: pointer;float: left;width: 30px;height: 3px;background-color: white;margin-bottom: 6px;}
    .responsive-container .main-nav{}
    #l_navigation .responsive-container{position: absolute;width: 100%;transform: translateX(-110%);}
    #l_navigation .responsive-container > ul{
        height: auto;opacity: 1;background-color: #2a5ea7;top: 0;width: 100%;position: static;line-height: 1.9;padding-top:10px;padding-left: 10px;padding-bottom: 15px;
    }
    #l_navigation .responsive-container > ul > li{float: none;}
    #l_navigation .responsive-container ul li:last-child{border: none;width: auto;}
    .transition{
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }  
    #l_navigation .responsive-container ul li{border: none;}
    #l_navigation .responsive-container > ul > li li:last-child{border: none;}
    #l_navigation .responsive-container ul li ul li{display: block;padding-left: 20px;line-height: 2;font-size: 12px;height: auto;}
    #l_navigation .responsive-container ul li ul li ul li{font-size: 11px;position: static;left: auto;top: auto;display: block;}
    #l_navigation.menuOpen .responsive-container{transform: translateX(0%);}
    #l_navigation ul li ul li:hover{background-color: #2a5ea7;}


}
/* Mobile */
@media only screen and (max-width: 600px){

    #l_header{margin-bottom: 40px;}
    body #l_page{width: 100%;}

    #l_logo{padding: 0 25px;}
    #l_logo img{max-width: 100%;}

    /* body content */
    .main-right div{width: 100%;}
    #l_body > .inner > .main{width: 100%;}
    .main-right div .widget img{max-width: 100%;height: auto !important;}
    .main-right div.rightbar{float: left;margin-left: 25px;}

}
@media only screen and (max-width: 376px){
    #l_navigation a.menuIconM{margin-top: 25px;}
}
/* MISC
-------------------------------------------------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }