/* MObile Menu
================================================== */
@media screen and (max-width: 480px) {		
    #logo {
        float: none;
        padding: 11px 0 10px;
        width: 100%;
    }
    #site-logo {
        margin: auto;
        text-align: center !important;
    }
    #main-menu-wrap {
        clear: both;
        float: none;
        width: 100%;
    }
    #block-block-23 {
        display: none;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent h2 {
        font-size: 0.7em;
        padding: 10px 7px;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent ul.megamenu-bin {
        width: 130px;
        padding: 7px 0;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent ul.megamenu-bin h3 a {
        font-size: 0.6em;
        font-weight: 700;
        padding: 0 5px;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent ul.megamenu-bin a {
        font-size: 0.7em;
        padding-left: 10px;
        font-weight: 700;
    }
    #home-banner,
    #header{
        margin: auto;
        width: 95%;
    }
    .banner-top-container {
        font-size: 2.2em;
        line-height: 34px;
    }
    .banner-bottom-container {
        margin-left: 0;
    }
    .banner-bottom-container .bottom-title {
        font-size: 0.9em;
        font-weight: 700;
    }
    .banner-bottom-container .bottom-logo {
        margin-left: 0;
        padding-top: 10px;
        width: auto;
    }
    .banner-bottom-container .bottom-collum-first,
    .banner-bottom-container .bottom-collum-second,
    .banner-bottom-container .bottom-collum-third {
        margin-left: 9px;
    }
    .bottom-description {
        font-size: 0.6em;
        font-weight: 600;
        padding: 0 0 10px;
    }
    #home-second-wrap,
    #home-last-wrap {
        padding: 15px 0;
    }
    #home-second,
    #home-last {
        margin: auto;
        width: 95%;
    }
    h2 {
        font-size: 1.3em;
        font-weight: 500;
    }
    #home-second h2 {
        font-size: 1.2em;
        font-weight: 600;
        margin-bottom: 10px;
    }
    #home-last h2 {
        margin-bottom: 10px;
    }
    #home-second a {
        font-size: 0.9em;
    }
    #home-second span.date-display-single, 
    #home-second .views-field-created {
        font-size: 0.8em;
    }

    #home-second .views-field-timestamp {
        font-size: 0.8em;
    }

    #home-second #block-views-010d9fcd722e7ba2600b3e00be1d5fbf .view-content .views-row .views-field-title .field-content a,
    #home-second #block-views-zaloni-blogs-block .view-content .views-row .views-field-title .field-content a {
        font-size: 13px;
    }

    #block-views-39a70bc7a0f8fe3ef48023e1fd02dabf,
    #block-views-010d9fcd722e7ba2600b3e00be1d5fbf,
    #block-block-20,
    #block-block-21 {
        float: none;
        width: 100%;
    }
    #block-views-39a70bc7a0f8fe3ef48023e1fd02dabf,
    #block-block-20 {
        border-bottom: 1px solid #fff;
        margin-bottom: 10px;
    }
    div.intro-text {
        margin-bottom: 10px;
    }
    #block-block-20 p,
    #block-block-21 p {
        margin-bottom: 10px;
    }
    #footer-wrap {
        padding: 10px 0;
    }
    #block-block-22 {
        display: none;
    }
    #block-block-25 {
        float: none;
        text-align: center;
    }
    #block-block-25 .cls-social-media.cls-fb {
        background: url("/sites/all/themes/zaloni/images/image-sprite.png") no-repeat scroll -5px -71px transparent;
    }
    #block-block-25 .cls-social-media.cls-tw {
        background: url("/sites/all/themes/zaloni/images/image-sprite.png") no-repeat scroll -46px -71px transparent;
    }
    #block-block-25 .cls-social-media {
        display: inline;
        height: auto;
        margin-left: 8px;
        margin-top: 0;
        padding: 2px 0;
        width: auto;
    }
    #block-block-25 .cls-social-media a {
        display: inline;
        padding: 5px 10px;
    }


    .view-zaloni-leadership .views-row  .views-field-php-4 .body-container .non-trim-body-container {
        display:none;
        overflow: visible;
        text-align: justify;
        text-justify: inter-word;
    }
}

/* Smaller Then Desktop
================================================== */
@media only screen and (min-width: 959px) and (max-width: 1200px) {
    .left-content { width: 70%; }
    .sidebar-container { width: 27%; }
    #home-second #block-views-010d9fcd722e7ba2600b3e00be1d5fbf .view-content .views-row .views-field-title .field-content a,
    #home-second #block-views-zaloni-blogs-block .view-content .views-row .views-field-title .field-content a {
        font-size: 16px;
    }

    #block-block-24 .news-demo-contact .upper-news-section a,
    #block-block-24 .news-demo-contact .demo-section a, 
    #block-block-24 .news-demo-contact .news-section a, 
    #block-block-24 .news-demo-contact .contact-section a {
        font-size:0.9em;
    }

    #block-block-24 .news-demo-contact .upper-news-section {
        background-position: 4px -408px;
    }

    #block-block-24 .news-demo-contact .demo-section{
        background-position: 2px 4px;
    }

    #block-block-24 .news-demo-contact .news-section {
        background-position: 2px -118px;
    }

    #block-block-24 .news-demo-contact  .contact-section{
        background-position: 2px -238px;
    }

    #block-block-24 .news-demo-contact .demo-section:hover,
    #block-block-24 .news-demo-contact .news-section:hover,
    #block-block-24 .news-demo-contact .contact-section:hover{
        background-color: #F0B31E;
        background-image: url("images/blog-left.png");
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        border: 1px solid #f0b31e;
        color: #FFFFFF;
        font-family: open sans;
        padding: 10px 0px 10px 15px;
    }

    #block-block-24 .news-demo-contact .upper-news-section:hover {
        background-color: #F0B31E;
        background-image: url("images/unnamed.png");
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        border: 1px solid #f0b31e;
        color: #FFFFFF;
        font-family: open sans;
        padding: 10px 0px 10px 15px;
        background-position: 4px -350px;
    }

    #block-block-24 .news-demo-contact .news-section:hover{
        background-position: 2px -178px;
    }

    #block-block-24 .news-demo-contact .contact-section:hover{
        background-position: 2px -299px;
    }

    #block-block-24 .news-demo-contact .demo-section:hover {
        background-position: 2px -58px;
    }
}
/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .left-content { width: 70%; }
    .sidebar-container { width: 27%; }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent h2 {
        padding: 25px 5px;
    }
    .banner-bottom-container {
        margin-left: 0;
    }
    .banner-bottom-container .bottom-logo {
        margin-left: 0;
        padding-top: 10px;
        width: auto;
    }
    .banner-bottom-container .bottom-collum-first {
        margin-left: 10px;
    }
    .banner-bottom-container .bottom-collum-second,
    .banner-bottom-container .bottom-collum-third {
        margin-left: 15px;
    }
    .bottom-description {
        font-size: 0.9em;
        font-weight: 600;
        padding: 0 5px 10px;
    }

    #home-second #block-views-010d9fcd722e7ba2600b3e00be1d5fbf .view-content .views-row .views-field-title .field-content a,
    #home-second #block-views-zaloni-blogs-block .view-content .views-row .views-field-title .field-content a {
        font-size: 16px;
    }

    #block-block-24 .news-demo-contact .upper-news-section a,
    #block-block-24 .news-demo-contact .demo-section a, 
    #block-block-24 .news-demo-contact .news-section a, 
    #block-block-24 .news-demo-contact .contact-section a {
        font-size:0.9em;
    }

    #block-block-24 .news-demo-contact .upper-news-section {
        background-position: 4px -408px;
    }

    #block-block-24 .news-demo-contact .demo-section{
        background-position: 2px 3px;
    }

    #block-block-24 .news-demo-contact .news-section {
        background-position: 2px -118px;
    }

    #block-block-24 .news-demo-contact  .contact-section{
        background-position: 2px -238px;
    }

    #block-block-24 .news-demo-contact .demo-section:hover,
    #block-block-24 .news-demo-contact .news-section:hover,
    #block-block-24 .news-demo-contact .contact-section:hover{
        background-color: #F0B31E;
        background-image: url("images/blog-left.png");
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        border: 1px solid #f0b31e;
        color: #FFFFFF;
        font-family: open sans;
        padding: 10px 0px 10px 15px;
    }
    
    
    #block-block-24 .news-demo-contact .upper-news-section:hover {
        background-color: #F0B31E;
        background-image: url("images/unnamed.png");
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        border: 1px solid #f0b31e;
        color: #FFFFFF;
        font-family: open sans;
        padding: 10px 0px 10px 15px;
        background-position: 4px -350px;
    }

    #block-block-24 .news-demo-contact .news-section:hover{
        background-position: 2px -178px;
    }

    #block-block-24 .news-demo-contact .contact-section:hover{
        background-position: 2px -299px;
    }

    #block-block-24 .news-demo-contact .demo-section:hover {
        background-position: 2px -58px;
    }
}
/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
    .container { /*max-width: 480px;*/ width: 80%; }
    .sidebar-container,
    .left-content { width: 100%; }
    .sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #eee; }
    .col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
    .homepage-slide-content { display: none; }
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .sidr { width: 480px; }
    .sidr.right { right: -480px; }
    #main,
    #header {
        width: 85%;
    }

    #block-block-23 {
        display: none;
    }
    #block-megamenu-main-menu {
        margin-right: 0;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent h2 {
        font-size: 0.9em;
        padding: 25px 4px;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent ul.megamenu-bin {
        width: 150px;
        padding: 7px 0;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent ul.megamenu-bin h3 a {
        font-size: 0.8em;
        font-weight: 700;
        padding: 0 5px;
    }
    #main-menu-wrap ul#megamenu-main-menu li.megamenu-parent ul.megamenu-bin a {
        font-size: 0.7em;
        padding-left: 10px;
        font-weight: 700;
    }
    #megamenu-mlid-1051 {
        position: relative;
    }
    #megamenu-mlid-1051 .megamenu-bin {
        left: -74px;
    }
    .banner-bottom-container {
        margin-left: 0;
    }
    .banner-bottom-container .bottom-logo {
        margin-left: 0;
        padding-top: 10px;
        width: auto;
    }
    .banner-bottom-container .bottom-collum-first {
        margin-left: 10px;
    }
    .banner-bottom-container .bottom-collum-second,
    .banner-bottom-container .bottom-collum-third {
        margin-left: 15px;
    }
    .bottom-description {
        font-size: 0.8em;
        font-weight: 600;
        padding: 0 5px 10px;
    }
    .banner-bottom-container .bottom-title{
        font-size: 1.2em;
    }
    #home-last {
        width: 72%;
    }
    #home-second-wrap,
    #home-last-wrap {
        padding: 15px 0;
    }
    #footer-wrap {
        padding: 15px 0;
    }

    #home-second .views-field-created,
    #home-second .views-field-timestamp {
        font-size: 0.8em;
    }

    #home-second #block-views-010d9fcd722e7ba2600b3e00be1d5fbf .view-content .views-row .views-field-title .field-content a,
    #home-second #block-views-zaloni-blogs-block .view-content .views-row .views-field-title .field-content a {
        font-size: 13px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1239px) {
    #block-block-24 .news-demo-contact .upper-news-section a,
    #block-block-24 .news-demo-contact .demo-section a, 
    #block-block-24 .news-demo-contact .news-section a, 
    #block-block-24 .news-demo-contact .contact-section a {
        font-size:0.9em;
    }
    
    #block-block-24 .news-demo-contact .upper-news-section {
        background-position: 4px -408px;
    }

    #block-block-24 .news-demo-contact .demo-section{
        background-position: 2px 4px;
    }

    #block-block-24 .news-demo-contact .news-section {
        background-position: 2px -118px;
    }

    #block-block-24 .news-demo-contact .contact-section {
        background-position: 2px -238px;
    }

    #block-block-24 .news-demo-contact .demo-section:hover,
    #block-block-24 .news-demo-contact .news-section:hover,
    #block-block-24 .news-demo-contact .contact-section:hover{
        background-color: #F0B31E;
        background-image: url("images/blog-left.png");
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        border: 1px solid #f0b31e;
        color: #FFFFFF;
        font-family: open sans;
        padding: 10px 0px 10px 15px;
    }
    
    #block-block-24 .news-demo-contact .upper-news-section:hover {
        background-color: #F0B31E;
        background-image: url("images/unnamed.png");
        background-repeat: no-repeat;
        background-repeat: no-repeat;
        border: 1px solid #f0b31e;
        color: #FFFFFF;
        font-family: open sans;
        padding: 10px 0px 10px 15px;
        background-position: 4px -350px;
    }
    

    #block-block-24 .news-demo-contact .news-section:hover{
        background-position: 2px -178px;
    }

    #block-block-24 .news-demo-contact .contact-section:hover{
        background-position: 2px -299px;
    }

    #block-block-24 .news-demo-contact .demo-section:hover {
        background-position: 2px -58px;
    }

}
