/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media screen and (max-width: 1023px) {
    /* Style adjustments for viewports that meet the condition */

    html.boxshadow #container .wrapper {
        box-shadow: none;
    }

    .col3 {
        width: 630px;
    }

    #wrapper {
        /* background: #951010; */
    }

    #studentown #wrapper {
        background: #004775;
    }

    .wrapper {
         width: 630px;
    }

    #header .wrapper {
         width: 670px;
    }

    #header .col2 {
         width: 670px;
    }

    #header-top .bannergroup {
        /*margin: 0;*/
    }

    #logo {
        padding: 15px 20px;
    }

    #header-top .col1.last {
        width: 670px;
    }

    #header-top .col1.last > div {
        margin: 2px 30px 2px 0;
    }
    
    #header-top .bannergroup,
    #header-top .bannergroup img {
        width: 100%;
        height: auto;
    }

    #header-center nav {
         position: absolute;
         top: 0;
         bottom: auto;
    }

    #header-center ul.social {
        margin: 0;
        padding: 0;
        position: absolute;
        right: 5px;
        top: 32px;
    }

    #header-center ul.social li {
        float: left;
        height: 16px;
        line-height: 16px;
        margin-left: 5px;
        overflow: hidden;
        width: 16px;
    }

    #header-center ul.social li.follow {
        display: none;
    }

    #header-center ul.social li a {
        margin: 0;
        display: block;
    }

    #header nav > ul.main {
        margin-left: 0;
    }

    #header nav > ul.main, #header nav > ul.main > li {
         font-size: 16px;
    }

    #header nav ul.main > li a {
         padding: 0 0 0 8px;
         font-weight: 400;
    }

    #header nav ul.extra {
         margin: 12px 5px 0px 0px;
    }

    #header nav ul.extra li a {
         color: #333333;
         padding: 0 0 0 10px;
         text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    }

    #header nav ul.extra li a:hover, #header nav ul.extra li.current a {
         color: #555555;
    }

    #header nav ul.attivita {
         float: right;
    }

    #header nav ul.attivita > li {
         font-size: 12px;
         margin-right: 4px;
    }

    #header nav ul.attivita > li a {
         padding: 0 5px;
    }

    #header-bottom {
        height: 44px;
    }

    #header-bottom .col1 {
        width: auto;
        position: absolute;
        bottom: 10px;
        right: 0;
    }

    #content {
        margin-right: 0;
    }

    #sidebar {
        width: 100%;
        -webkit-column-count: 2;
           -moz-column-count: 2;
                column-count: 2;
        -webkit-column-gap: 30px;
           -moz-column-gap: 30px;
                column-gap: 30px;
    }

    #sidebar > div {
         width: 300px ! important;
    }

    #sidebar > div.adsense {}

    #sidebar div.k2SearchBlock {}

    #footer .col2 {
        width: 300px;
    }

    #footer span.sep {
        display: block;
        height: 3px;
        overflow: hidden;
        width: 0;
    }
}

@media screen and (max-device-width: 320px) {
    @viewport,
    @-ms-viewport {
        width: 320px;
    }
}


@media screen and (max-device-width: 480px) {
    #content div.itemFullText {
        font-size: 1.3em;
        line-height: 1.4em;
    }
}

@media screen and (max-device-width: 767px) {
    @viewport,
    @-ms-viewport {
        width: 670px;
    }

    #wrapper {
        min-width: 670px;
    }
	.k2ItemsBlock.blog {
		min-height: 500px;
	}
	.last {
		
	}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #content div.itemFullText {
        font-size: 1.1em;
        line-height: 1.3em;
    }
}