@media only screen and (max-width : 1360px) {
    .hidden-mobile-label{display: none;}
    .drop-down.mobile-drop{height: 17px; padding: 0px 7px;}
}
@media only screen and (max-width : 1240px) {.logoProject{display: none;}}
@media only screen and (max-width : 1214px) {.col-only{padding-right: 0px !important;}}
@media only screen and (max-width : 1140px) {
    .hidden-mobile{display: none;}  
    .box-agree{
        width: 100%;
        height: 80px;
        background: #008bcc;
    }
    .agree-container p{padding-top: 11px;}
    .agree-container h3{
        height: 80px;
        line-height: 80px;
        background: url(images/agree.jpg) no-repeat right top;
    }
}
@media only screen and (max-width : 1025px) {
    .top-toolbar {
        background: none repeat scroll 0 0 #f7f7f7;
        border-bottom: 1px solid #e0e0e0;
        font-size: 12px;
        margin: 10px 10px 0 0;
        padding: 7px 9px;
    }
    .top-toolbar em {
        border-right: 1px solid #ccc;
        float: left;
        font-style: normal;
        line-height: 16px;
        margin-right: 8px;
        margin-top: 7px;
        padding-right: 8px;
        text-transform: uppercase;
    }    
    .top-toolbar .inlineBlock {margin: -1px 0 0 5px;}  
}
@media only screen and (max-width : 1005px) {
    .top-search .subtitle{display: none;}
    .top-search{padding-left: 15px;    }    
    .top-search .input-group-addon{width: 120px;}
    .top-search .garanzia-giovani{float: right !important;}
    .box-agree{width: 100%; height: auto; background: #008bcc;}
    .agree-container{height: auto;}
    .agree-container p{padding-top: 11px; padding-bottom: 20px; text-align: center;}
    .agree-container h3{
        height: auto;
        line-height: 16px;
        width: 100%;
        text-align: center;
        background: none;
        display: block;
        padding: 17px 10px 12px 10px;
    }
    .view-mobile .hidden-wrap .nav.nav-tabs {
        border: 0 none;
        left: 0px;
        position: absolute;        
        top: 4px;
        width: 100%;
        background: none;
    }
    .hidden-wrap .nav.nav-tabs > li{float: left; width: 25% !important; text-align: center;}
    .help-close {
        cursor: pointer;
        position: absolute;
        right: 11px;
        top: 43px;
    }
    .view-mobile .hidden-wrap{
        padding: 0px;
        position: relative;
    }
    .hidden-help {
        background: #ddd none repeat scroll 0 0;
        bottom: auto;
        top: 65px;
        height: auto !important;
        position: absolute;
        right: 0;
        width: 100%;
    }
    .view-mobile .hidden-wrap .tab-content {
        border-top: 4px solid #f0f0f0;
        background: #fff none repeat scroll 0 0;
        height: auto !important;
        padding: 50px 0px 15px 0px;
        text-align: center;
    }
    .reg-arrow{display: none;}
    .offpage{
        display: block;
        float: none;
        margin: 0px auto !important;
    }
}
@media only screen and (max-width : 930px) {.help-info span{display: none !important;}}
@media only screen and (max-width : 769px) {
    .dashright{margin-right: 0px;}
    .boxDesc {font-size: 12px; margin-top: 10px; font-family: 'Open', Lucida Sans, Arial !important; text-transform: uppercase; height: auto !important; overflow: auto;}
		body{background: #E8E8E8}
		.resMenu{display: block}
    .cbp-spmenu-left {left: -230px;}
    #contentWrapper{margin-left: 20px; padding-top: 40px; }
    #topBar{display: none;}   
	.top-shadow{margin: 0px 0px 0px 20px;}
	.ciapi{
		float: left;
		background: url(images/logo-ciapi.png) no-repeat;
		width: 117px;
		height: 41px;
		margin: 14px 25px 0px 15px;
	}
	.garanzia-giovani{margin: 15px 25px 0px 0px;}
	#breadcrumb{display: none !important;}
	.breadcrumb{width: 100%;}
	.content-header {padding-top: 0px;margin-top: -34px;}
	.sidebarMenu ul li .arrow {display: none !important;}
	#sidebarLeft{border-right: 1px solid #f1f1f1}
	#sidebarLeft {background: #F4F4F4 !important;height: 88%;}
    .view768 #contentWrapper {
        margin-left: 10px !important;
        padding-top: 5px !important;
    }
    #sidebarLeft{width: 100%;}
    #sidebarLeft{position:relative;left:0px;top:0px;height:auto;}
    .view768 a.side-actions {
        width: 100%;
        text-align: left;
        height: 62px
    }
    .menu-responsive a.side-actions span{
        display: block;
        padding: 0px 10px;
        line-height: 62px;
    }
    .menu-responsive a.side-actions .fa{
        float: left;
        margin: 10px 15px 0px 10px;
    }
    .menu-responsive a.side-actions em.openclose{
        display: block;
    }
    a.side-actions.open-fase {
        background: #0092d4 url(images/fase-close.png) no-repeat right center;
    }
    a.side-actions.close-fase {
        background: #0092d4 url(images/fase-open.png) no-repeat right center;
    }
	.dashboardRes .col-xs-12, .dashboardRes .col-sm-12, .dashboardRes .col-md-6, .dashboardRes .col-lg-3{padding-right: 0px !important;}
	.delete-action, .edit-action {margin-top: 1px;}
	.navigation{left: 480px;}
	.tab-pane .edit-action{right: 67px;}
	.checklist{padding-left: 0px;}
	.tab-pane{clear: both;}
	.nav-tabs li {float: left !important;}
	.nav-tabs li a, .nav-tabs > li.active > a, .nav-tabs.nav-justified > li.active > a{margin-bottom: 0px !important;}
    .col-xs-12 {padding-right: 0px !important;}
}
@media only screen and (max-width : 730px) {
    .help-open div {
        background: none;
    }
    .help-mobile{display: none;}
    .login-box {
        float: none;
        min-height: 50px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }
    .help-desk {padding: 15px 15px; text-align: center;}
    .login-box.b-four{
        padding-bottom: 0px;
        border-bottom: 0px;
    }
    .agree-container{height: auto;}
    .agree-container p{padding-top: 11px; padding-bottom: 20px; text-align: center;font-size: 13px;}
    .agree-container h3{
        height: auto;
        line-height: 16px;
        width: 100%;
        text-align: center;
        background: none;
        display: block;
        padding: 15px;
    }
    .loghi-testata {
        background: rgba(0, 0, 0, 0) url("images/loghi/loghi-testata-mobile.png") no-repeat scroll center 15px;
        padding-top: 260px;
    }
    .project-info {
        background: rgba(0, 0, 0, 0) url("images/logo-ric.png") no-repeat scroll 0 0;
        float: none;
        display: block;
        height: 48px;
        margin: 40px auto 10px auto !important;
        text-align: left;
        width: 240px;
    }
    .fse2020 img {
        float: none;
        max-width: 240px;
        margin: 20px auto 10px auto;
        display: block;
        width: 90%;
    }
    .agree-container{padding-top: 10px;}
    .fse-body{background: #fff;}
    #login-box form .body {
        background: none;
        padding: 0px 15px 10px 15px !important;
        padding-top: 2px;
    }
    #login .login-header #login-box .form-group, #recovery-box .form-group {
        float: none !important;
        margin: 0 auto 5px auto !important;
        width: 250px;
    }
    #login .btn {
        float: none !important;
        width: 250px;
        margin: 0 auto !important;
    }
    .ValidationSummary {margin-left: 0px !important;    }
    .login-boxes{padding-bottom: 90px;}
    .boxex-container{padding-top: 10px;}
    .recovery-abs{padding-right: 0px !important;}
    #recovery-box .form-group .recovery-abs .btn {
        position: static !important;
        margin-top: 5px !important;
    }
    .recovery-page .loginMsg, #recovery-box .alert.alert-info {margin: 0px 16px !important;}
    #recovery-box .alert.alert-info{margin-bottom: 10px !important;}
    .menu-responsive a.side-actions .fa {
        display: none !important;
    }
    .header-brand {
        float: left;
        width: 145px;
        margin-left: 15px;
        margin-top: 15px;
    }
    .header-brand img{width: 100%;}
    .navbar-brand {
        background: rgba(0, 0, 0, 0) url("images/logo-ciapi.png") no-repeat scroll center 1px;
        float: left;
        height: 51px;
        margin: 10px 0 0 0px;
        text-indent: -99999px;
        width: 140px;
    }
    .mobile-fa .fa {
        display: block;
        margin: 0 auto;
        color: #fff;
        font-size: 17px
    }
    .mobile-fa .active .fa{color: #0092D4;}
    .mobile-fa span {
        display: none;
    }
    .hidden-help p {
        margin-bottom: 8px;
        padding: 0px 10px;
    }
    .tab-content .title span{display: block;}
}
@media only screen and (max-width : 650px) {
    .top-shadow{display: none;} 
    #login .validation-summary-errors {bottom: -42px;}
    .login-header p {
        padding: 0px 15px;
        font-size: 15px;
        margin-top: 5px;
    }
    #login .validation-summary-errors li {
        color: #ed3b41;
        display: inline-block;
        font-size: 11px;
        line-height: 12px;
        margin-right: 0px;
        text-align: center;
    }
    .help-control{
        float: none;
        margin: 10px auto 0px auto !important;
        padding: 0px !important;
        width: 90% !important;
    }
    .help-control.cf{padding-right: 0px !important;}
    .help-submit {
        bottom: 0;
        float: none;
        height: 29px;
        position: absolute;
        right: 0px;
    }
}
@media only screen and (max-width : 470px) {
    .header-brand {
        display: none;
    }
    .intro-message .help-close {
        font-family: "OpenBold";
        right: 15px;
     }
    .intro-message .help-close span {
        display: none;
    }
}