/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 980px
	}
	.box-layout .bannercontainer {
	    width: 980px
	}
	.box-layout .banner {
	   width: 960px
	}
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background-image: url(../images/shadow-full.png);
	}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    /* Retina-specific stuff here */
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 720px
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 720px
	}
	.full-portfolio-banner {
	    width: 720px
	}
	.banner,
	.box-layout .banner {
	    width: 700px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 470px
	}
	.slider-shadow,
	.menu,
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background: transparent url(../images/shadow-720.png) center bottom no-repeat
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	.menu ul li {
	    padding: 12px 10px 12px 16px
	}
	.grid .post {
	    width: 220px;
	    margin-right: 30px;
	}
	.post .details {
	    max-width: 160px
	}
	.single .post .details {
	    max-width: none
	}
	.side-tab-container ul {
	    width: 220px
	}
	.side-tab-container .panel-container {
	    width: 430px
	}
	.post-list .frame {
	    display: none
	}
	.post-list .meta {
	    float: none
	}
	ul.latest li {
	    width: 230px;
	    margin: 0 13px 13px 0;
	}
	ul.latest {
	    margin-bottom: -13px
	}
	.tab-container .tab a {
	    padding: 7px 15px
	}
	ul.client-list li {
	    margin-right: -12px;
	    margin-bottom: -12px;
	}
	ul.client-list li {
	    width: 171px;
	    height: auto;
	    margin-right: 12px;
	    margin-bottom: 12px;
	}
	.content {
	    width: 470px
	}
	.sidebar {
	    width: 220px
	}
	.sidebox {
	    margin-left: 30px
	}
	.related ul li {
	    width: 165px
	}
	.items.col4,
	.items.col3 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li {
	    margin-right: 18px;
	    width: 228px;
	    /* 3 columns */
	}
	.items.col2 li {
	    width: 345px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li {
	    margin-bottom: 18px
	}
	.item-details {
	    width: 220px
	}
	.container {	
		width:720px; 
	}
	.megafolio-container {
	    width: 720px
	}
	.two-col .video-wrapper {
	    width: 470px
	}
	.two-col .video-details {
	    width: 220px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 228px !important;
	    margin: 18px 18px 0 0;
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}

	.one-half-top{
		min-width: 235px;
		margin-bottom:10px;
	}
	.loginbox{
	}
	.boxtop{
		width:700px;
	}
	#tprogetti{
		float:left;
		width:175px;
	}
	.top-contenuto{
		padding: 5px;
	}
	.frame-small-tophome{
		height: 124px;
	}

	.info-col-1{

	}
	.info-col-2{
		float:left;
	}

	.one-third-survey{
		width: 300px;
		float:none;
	}

	.title-survey-nero,
	.title-survey-rosso{
		font-size: 35px;
		line-height: 35px;
	}
	#separatore-survey-top{
		margin-top:30px;
	}
	#contenuto-premi{
		min-height:150px;
	}
	.dettaglio-premio{
		padding-top:0px;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 720px
	}

#spazio-mobile{
	    height:17px;
	}


	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 720px
	}
	.full-portfolio-banner {
	    width: 720px
	}
.racconta-titolo-grande {
    color: #000;
    font-family: "Avenir LT 65";
    font-size: 40px;
    font-weight: bold;
    line-height: 43px;
}
h1.page-title {
    font-size: 24px;
    line-height: 25px;
}
#nascondi-mobile {
    display:none;
}
.one-third-survey{
margin:auto;
}
.last{
margin-right:auto;
}
.last{
margin-right:auto !important;
}
	.banner,
	.box-layout .banner {
	    width: 700px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 470px
	}
	.slider-shadow,
	.menu,
	.box-layout .menu,
	.box-layout .slider-shadow {
	    background: transparent url(../images/shadow-720.png) center bottom no-repeat
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	.menu ul li {
	    padding: 12px 10px 12px 16px
	}
	.grid .post {
	    width: 220px;
	    margin-right: 30px;
	}
	.post .details {
	    max-width: 160px
	}
	.single .post .details {
	    max-width: none
	}
	.side-tab-container ul {
	    width: 220px
	}
	.side-tab-container .panel-container {
	    width: 430px
	}
	.post-list .frame {
	    display: none
	}
	.post-list .meta {
	    float: none
	}
	ul.latest li {
	    width: 230px;
	    margin: 0 13px 13px 0;
	}
	ul.latest {
	    margin-bottom: -13px
	}
	.tab-container .tab a {
	    padding: 7px 15px
	}
	ul.client-list li {
	    margin-right: -12px;
	    margin-bottom: -12px;
	}
	ul.client-list li {
	    width: 171px;
	    height: auto;
	    margin-right: 12px;
	    margin-bottom: 12px;
	}
	.content {
	    width: 470px
	}
	.sidebar {
	    width: 220px
	}
	.sidebox {
	    margin-left: 30px
	}
	.related ul li {
	    width: 165px
	}
	.items.col4,
	.items.col3 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li {
	    margin-right: 18px;
	    width: 228px;
	    /* 3 columns */
	}
	.items.col2 li {
	    width: 345px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li {
	    margin-bottom: 18px
	}
	.item-details {
	    width: 220px
	}
	.container {	
		width:720px; 
	}
	.megafolio-container {
	    width: 720px
	}
	.two-col .video-wrapper {
	    width: 470px
	}
	.two-col .video-details {
	    width: 220px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 228px !important;
	    margin: 18px 18px 0 0;
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}

	.one-half-top{
		 float: left;
    margin-bottom: 10px;
    min-width: 230px;
	}
	.box-container {
    display: block;
    margin-left: -3px;
    width: 500px;
}
.titolo-frame-small {
    padding: 2px 20px 0 10px;
 
}
.smalltr {
    background-image: url("/style/images/box/bg-title-rosso-small.png");

}
	.loginbox{
	}
	.boxtop{
		width:700px;
	}
	#tprogetti{
		float:left;
		width:175px;
	}
	.top-contenuto{
		padding: 5px;
	}
	.frame-small-tophome{
		height: 124px;
	}

	.info-col-1{

	}
	.info-col-2{
		float:left;
	}

	.one-third-survey{
		width: 300px;
		float:none;
	}

	.title-survey-nero,
	.title-survey-rosso{
		font-size: 35px;
		line-height: 35px;
	}
	#separatore-survey-top{
		margin-top:30px;
	}
	#contenuto-premi{
		min-height:150px;
	}
	.dettaglio-premio{
		padding-top:0px;
	}
} /* END Smaller than standard 960 (devices and browsers) */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 440px
	}
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 440px
	}
	.full-portfolio-banner {
	    width: 440px
	}
#spazio-mobile{
	    height:55px;
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 440px
	}
.racconta-titolo-grande {
    color: #000;
    font-family: "Avenir LT 65";
    font-size: 40px;
    font-weight: bold;
    line-height: 43px;
}
.one-half-top{
		 float: left;
    margin-bottom: 10px;
    min-width: 230px;
	}
	.box-container {
    display: block;
    margin-left: -3px;
    width: 480px;
}
#nascondi-mobile {
    display:none;
}
.smalltr {
    background-image: url("/style/images/box/bg-title-rosso-small.png");

}
.one-third-survey{
margin:auto;
}
.last{
margin-right:auto !important;
}
.titolo-frame-small {
    padding: 2px 20px 0 10px;
 
}
	.banner,
	.box-layout .banner {
	    width: 420px
	}
	.logo {
	    float: none;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.logo img {
	    display: inline
	}
h1.page-title {
    font-size: 19px;
    line-height: 22px;
}
	.social {
	    float: none;
	    text-align: center;
	}
	.team .social {
	    text-align: left
	}
	.slider-shadow {
	    background-image: none
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px
	}
	.footer .last {
	    margin-bottom: 0
	}
	.pricing.three .plan,
	.pricing.four .plan {
	    width: 47%;
	    float: left;
	    margin-left: 2%;
	    margin-bottom: 10px;
	}
	.grid .post {
	    width: 440px;
	    margin-right: 0;
	}
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 440px;
	    display: block;
	}
	.side-tab-container ul {
	    display: none
	}
	.side-tab-container .panel-container {
	    width: 400px;
	    float: none;
	}
	.tabs .btn {
	    display: block
	}
	ul.latest li {
	    width: 212px;
	    margin: 0 12px 12px 0;
	}
	ul.latest {
	    margin-bottom: -12px
	}
	ul.client-list {
	    margin-right: -10px;
	    margin-bottom: -10px;
	}
	ul.client-list li {
	    margin-right: 10px;
	    margin-bottom: 10px;
	    width: 140px;
	    height: auto;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
	    background: none;
	    float: none;
	    width: 100%;
	}
	.sidebox {
	    margin-left: 0
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: -18px
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    margin-right: 18px;
	    width: 211px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.item-details {
	    float: none;
	    margin-top: 20px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px
	}
	.related ul li {
	    width: 211px;
	    margin-right: 18px;
	    margin-bottom: 18px;
	}
	.page-title {
	    max-width: 330px
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 211px !important;
	    margin: 18px 18px 0 0;
	}
	.dpSocialTimeline_filter {
	    text-align: center
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.fs-entry .image_wrapper {
	    padding: 7px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.fancybox-title {
	    display: none
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.megafolio-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.one-half-top{
		min-width: 222px;
		margin-bottom:10px;
	}
	.loginbox{
		float:left;
	}
	.boxtop{
		width:260px;
	}
	#tprogetti{
		float:left;
		width:175px;

	}
	h1.page-title{
		font-size:25px;
	}
	.frame-small{
		background-size:300px;
		background-repeat:no-repeat;
	}
	.frame-small-tophome{
		height: 124px;
	}
	.top-contenuto{
		padding: 5px;
	}
	.info-col-1{
		width: 400px;
		float:none;
	}
	.info-col-2{
		width: 400px;
		float:none;
	}
	.sidebar {
	    width: 250px;
		overflow: hidden;
	}
	.one-third-survey{
		width: 300px;
		float:none;
	}

	.title-survey-nero,
	.title-survey-rosso{
		font-size: 35px;
		line-height: 35px;
	}
	#separatore-survey-top{
		margin-top:30px;
	}
	#contenuto-premi{
		min-height:150px;
	}
	.dettaglio-premio{
		padding-top:0px;
	}

} /* END Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 766px) { 
	.inner,
	.footer,
	.site-generator,
	.box-layout .top-wrapper .inner,
	.box-layout .fws_wrapper {
	    width: 85%;
	}
    
    .bx-pager{display:none;}
    .only-mobile {display:block;}
    
	.bannercontainer,
	.box-layout .bannercontainer,
	.full-portfolio-bannercontainer {
	    width: 280px
	}
	.full-portfolio-banner {
	    width: 280px
	}
	.portfolio-bannercontainer,
	.portfolio-banner {
	    width: 280px
	}
	.banner,
	.box-layout .banner {
	    width: 260px
	}
	.logo {
	    float: none;
	    text-align: center;
	    margin-bottom: 10px;
	}
	.logo img {
	    display: inline
	}
	.social {
	    float: none;
	    text-align: center;
	}
	.team .social {
	    text-align: left
	}
	.slider-shadow {
	    background-image: none
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
	.footer .one-half,
	.footer .one-third,
	.footer .two-third,
	.footer .three-fourth,
	.footer .one-fourth,
	.footer .one-fifth,
	.footer .one-sixth {
	    margin-bottom: 40px
	}
	.footer .last {
	    margin-bottom: 0
	}	
	.grid .post {
	    width: 96%;
        margin-left:2%;
	    margin-right: 0;
	}
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 280px;
	    display: block;
	}
	.side-tab-container ul {
	    display: none
	}
	.side-tab-container .panel-container {
	    width: 240px;
	    float: none;
	}
	.tabs .btn {
	    display: block
	}
	ul.latest li {
	    width: 276px;
	    float: none;
	    margin: 0 0 15px 0;
	}
	ul.latest {
	    margin-bottom: -15px
	}
	.tab-container .tab {
	    display: block;
	    margin: 0 0 5px 0;
	}
	ul.client-list {
	    margin-right: -10px;
	    margin-bottom: -10px;
	}
	ul.client-list li {
	    margin-right: 10px;
	    margin-bottom: 10px;
	    width: 135px;
	    height: auto;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.content2 {
	    float: none;
	    width: 100%;
	}
	#tematiche {
	    float: left;
        clear: both;
	    width: 100%;
        display:block;
        margin-top:10px;
        text-align: center;
	}
	.navbar{padding-top: 22px; padding-bottom: 26px;}
	.navbar.navbar-bootstrap .navbar-collapse {
		margin-top: 20px;
	}
    /*.navbar.navbar-bootstrap {height:85px;}*/
    .navbar.navbar-bootstrap .navbar-collapse, .navbar.navbar-bootstrap .navbar-form {
        border: 1px solid rgb(0,0,0,0.1) !important;
        background-color: #fff;
        border-radius: 5px;
        z-index: 1005;
        padding-bottom: 10px;}
    .bootstrapmenu ul .navbar-nav{background-color:transparent;}
    .navbar-brand img {height:auto!important;}
    .logo-menu {margin-top: 5px; z-index: 1006;}
    #foto-profilo { width:90px; height:90px; background-size:contain; margin-top:10px; margin-left:10px; float:left; display: block;position:relative;}    
    #fondofoto {margin-bottom:10px; }
    #nome-profilo {width:100%; }
    
    #barra-profilo {float:left; display: block; width:100%; padding:10px;}
    #bottone-profilo-banner {    margin-top: -100px; margin-right:0px;  padding-right:10px; width:auto;}
    #bottone-profilo {width:48%}
    #bottone-profilo-r {width:48%}
    #tematiche img{margin:10px 0px;;  }
	.tematiche_coinvolte {
	    float: left;
        clear: both;
	    width: 100%;
	}
    
    .one-half-destra.past
    {    width: 100%;
    float: left;
    margin: 0%;}
    .one-half-lavagne
    {    width: 100%;
    float: left;
    margin: 0%;}
    
    #new_blackboard_form .text-input.defaultText {width:100%;}
    #new_blackboard_form fieldset {width:94%;}
    #new_blackboard_form .my-form-row {margin-left: 0px; width:100%;}
    #new_blackboard_form .forms ol {width:100%;}
 #titolo-e-nome-lavagna{
    float:left;
    width:100%;
}   
    #nome-lavagne {width:70%; padding:10px;}
    #back-lavagne {float:left; display:block; width:30%}
    #titolo-lavagna {float:left; display:block; width:70%}
    #utente-lavagna {float:left; display:block; width:70%}
    #punteggi-lavagne {float:left !important; width:100%; margin-top:0px !important;}
    #overall_rating_area {float:left !important; width:59%; line-height:14px; margin:0px 0px 5px 0px !important; }
    #my_rating_area {float:left !important; width:40%; margin:0px 0px 5px 0px !important;  line-height:14px;}
    .rating_bar { margin:5px 0px 5px 0px !important; }
    #my_rating_area div {margin:0px !important}
    #my_rating_area a{margin:5px 5px 5px 0px!important}
    
    #fondo-lavagne {background-size: cover;
        background-position: center;}
    
    .one-half
    {   min-width: unset;
    }
    .button-row {text-align:center}
    #eta
        {
        float:left;
        margin-top:0px;
        width:100%;
    }
    #eta h3{line-height:40px!important; text-align:center}
    #media-materiali
    {width: 100%;
    margin: 0px 0 25px 0px;float: left;
    display: block;}
    .content2 #one .one-fifth 
    {    width: 100%;
    display: block;
    float: left;
    margin-bottom: 5px;}    
    .content2 #one .one-fifth p {padding-bottom:5px;}
    
	.sidebar {
	    background: none;
	    float: none;
		overflow: hidden;
	    width: 100%;
	}
	.sidebox {
	    margin-left: 0
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.items.col4,
	.items.col3,
	.items.col2 {
	    margin-right: 0
	}
	.items.col4 li,
	.items.col3 li,
	.items.col2 li {
	    float: none;
	    margin-right: 0px;
	    width: 280px;
	    /* 2 columns */
	}
	#videocase .items.col4,
	#videocase .items.col3,
	#videocase .items.col2 {
	    margin-bottom: -18px
	}
	#videocase .items.col4 li,
	#videocase .items.col3 li,
	#videocase .items.col2 li {
	    margin-bottom: 18px
	}
	.item-details {
	    float: none;
	    margin-top: 40px;
	    width: 100%;
	}
	.related ul {
	    margin-bottom: -18px
	}
	.related ul li {
	    width: 280px;
	    float: none;
	    margin: 0;
	    margin-bottom: 18px;
	}
	h1.page-title {
	    float: none
	}
h1.page-title {
    font-size: 20px;
    line-height: 20px;
}
.racconta-titolo-grande {
    color: #000;
    font-family: "Avenir LT 65";
    font-size: 50px;
    font-weight: bold;
    line-height: 43px;
}
#nascondi-mobile {
    display:none;
}


	.page-intro .portfolio-nav {
	    float: none;
	    display: block;
	    margin-top: 85px;
	}
	.page-intro .portfolio-nav a {
	    margin-left: 0;
	    margin-right: 10px;
	}
	.two-col .video-wrapper {
	    float: none;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.two-col .video-details {
	    float: none;
	    width: 100%;
	}
	.dpSocialTimeline .dpSocialTimeline_item {
	    width: 280px !important;
	    margin: 20px 0 0 0;
	}
	.item_thumb {
	    width: 260px !important
	}
	.dpSocialTimeline_filter {
	    text-align: center
	}
	.side-tab-container .panel-container h4 {
	    max-width: 180px
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	.tparrows {
	    display: none;
	}
	.fs-entry .image_wrapper {
	    padding: 5px
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.fancybox-title {
	    display: none
	}
	.page-intro .portfolio-nav a .icon-right-open {
	    padding-left: 0;
	}
	.megafolio-container	{	
		width:100%; 
	}
	.teaser-navigation span {
		padding-top: 4px;
		padding-right: 2px;
	}
	.box-layout {
	    padding: 0;
	}
	.box-wrapper {
		width: 100%;
	}
	.one-half-top{
		min-width: 295px;
		margin-bottom:10px;
		width:100%;
        max-width:100%;
	}
	.loginbox{
		float:left;
	}
	.loginbox-utente,
	.loginbox-docente{
		margin-right: -40px;
	}
	.boxtop{
		width:260px;
	}
	#tprogetti{
		float:left;
		width:175px;
	}
	h1.page-title{
		font-size:20px;
	}
	.frame-small{
		nobackground-size:300px;
		background-repeat:no-repeat;
	}
	.forms ol{
		width: 300px;
	}
	.info-col-1{
		width: 300px;
		float:none;
	}
	.info-col-2{
		width: 300px;
		float:none;
	}

	.one-third-survey{
		width: 300px;
		float:none;
	}

	.title-survey-nero,
	.title-survey-rosso{
		font-size: 35px;
		line-height: 35px;
	}
	#separatore-survey-top{
		margin-top:30px;
	}
	#contenuto-premi{
		min-height:150px;
	}
	.dettaglio-premio{
		padding-top:0px;
	}
	.afo-italic-red{
		line-height:30px;
	}
	#bottone-afo{
		width:250px;
	}

.single_aph {width:100%; margin-top:50px; padding: 0% 3%; float:left;}

   
    .elem-progetto { width:100%; }
    .elem-progetto-img { width:96%; text-align:center; margin-bottom:5px; margin-top:15px;}   
    .elem-progetto-img img{ display:inline;}
    .elem-progetto-titolo { float:left; width:92%; height:auto; margin-left:4%;line-height:22px; margin-bottom:10px;}
    .elem-progetto-testo { float:left; width:92%; height:auto; margin-bottom:20px; margin-left:4%;}
    .elem-progetto-scheda { float:right; width:92%; margin-bottom:20px; margin-left:4%;}

    .box-container {width:96%; float:left; display:block;margin-left: 2%;}
    
    .frame-small-tophome {background-size:100% !important; height:200px;}
    
    .grid {width:100%;}
    
    .grid-wrapper div div  {width:49%;}   
    .grid-wrapper img {width:100%;}
    
 .video-home {
	width: 48%!important;
	height: auto;
	max-width: 710px;
    float: left;
    display: block;
    margin-right: 2%;
    height:240px;
}
.video-thumb {
	height:auto; 
    display:block;
    width:100%!important;
}

.video-thumb img 
    {
    width:100%;
    }
.video-titolo {
	width: 100%!important;
	
	text-align: center;
	max-width: 710px;
    font-size:14px; color:#000; margin-top:15px; text-align:left; line-height:15px; display:block;
}

.video-descrizione {
	text-align:left; margin-top:5px; line-height:15px; height:40px; width:196px; display:block;
}
   
} /* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */