@media only screen and (max-width: 1100px) {
	.header .navbar-list {
		padding-right: 50px;
		padding-left: 50px;
	}
	.header .pre-navbar .row .left-col {
		padding-right: 50px;
		padding-left: 50px;
	}
  
  .header .navbar{
        -webkit-border-radius: 0;
                border-radius: 0;
  }
  

}
@media only screen and (max-width: 992px) {
  
    .header .navbar-list a {
        font-size: 30px;
        line-height: 52px;
        color: #FFFFFF;
    }
  
	.container {
		padding: 0px 30px;
	}
	.header .navbar .row {
		width: 100vw;
	}
	.header .navbar .right-col {
		right: -50px;
	}
	.header .navbar-list {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100vw;
		width: 100vh;
		margin: 0px;
	}
	.header .navbar {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100vw;
		margin: 0px;
	}
	.header .navbar-list {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100vw;
		margin: 0px;
	}
	.header .navbar-list .first-row .upper-line {
		padding-left: 0px;
		padding-right: 0px;
        padding-bottom: 20px;
        margin-left: -25px;
	}
	.header .navbar .nav-option:first-of-type {
		margin-top: -15px;
        margin-right: -10px;
	}
	.header .pre-navbar .row .left-col {
		padding-right: 0px;
		padding-left: 0px;
	}
  
  
    .left-button.nav-5.background{
        width: 50px !important;
        left: 13px;
        top: 0px;
        height: 34px;
    }

    .left-button.nav-5.background img{
        height: 90% !important;
        width: auto !important;
    }

    .left-button.nav-4.background{
        width: 50px !important;
        left: 13px;
        top: 2px;
        height: 34px;
    }

    .left-button.nav-4.background img{
        height: 90% !important;
        width: auto !important;
    }

    .left-button.nav-3.background{
        width: 50px !important;
        left: 13px;
        top: 4px;
        height: 34px;
    }

    .left-button.nav-3.background img{
        height: 90% !important;
        width: auto !important;
    }

    .left-button.nav-2.background{
        width: 50px !important;
        left: 13px;
        top: 2px;
        height: 34px;
    }

    .left-button.nav-2.background img{
        height: 90% !important;
        width: auto !important;
    }

    .left-button.nav-1.background{
        width: 51px !important;
        left: 13px;
        top: 2px;
        height: 34px;
    }

    .left-button.nav-1.background img{
        height: 90% !important;
        width: auto !important;
    }

    .modal-content-list{
        overflow: auto;
        max-height: 70vh;
    }

    body.pagina-qualitat .table-label.horizontal{
        font-size: 11px;
    }
  
    /**********/

    .section-header .onslider-description .row, .section-1-1 .onslider-description .row,
    .section-3-1 .onslider-description .row,
    .section-2-1 .onslider-description .row{
        margin-top: 250px;
    }
    .section-header .main-slider .container .text-left span, .section-1-1 .main-slider .container .text-left span,
    .section-3-1 .main-slider .container .text-left span,
    .section-4-1 .main-slider .container .text-left span,
    .section-2-1 .main-slider .container .text-left span {
        font-size: 42px;
        line-height: 54px;
    }
    .section-header .main-slider .container .text-right span, .section-1-1 .main-slider .container .text-right span, .section-3-1 .main-slider .container .text-right span,
    .section-4-1 .main-slider .container .text-right span,
    .section-2-1 .main-slider .container .text-right span{
        font-size: 18px;
        line-height: 30px;
    }
    .section-1-2 .text-1{
        padding: 70px 0px 0px;
        font-size: 26px;
        line-height: 32px;
        color: #000000;
        text-align: left;
    }
    .section-1-2 .text-2 {
        padding: 35px 0px 20px;
        font-size: 20px;
        line-height: 28px;
        text-align: left;
        color: #006564;
    }
    .section-1-2 ul.list-group {
        margin-top: 50px;
    }
    h1, .section-2-2 .text-1,.section-5-5.activitats-4 h1, .section-5-5 h1 {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    .section-1-5 {
        margin-top: 70px;
    }
    .section-1-4 {
        margin-top: 70px;
    }
    .section-1-6 {
        margin-top: 70px;
    }  
    .section-1-6 .inner-right-col-container {
        margin-top: 100px;
    }
    .section-3-4 .first-row .list-group-item, .section-3-5 .first-row .list-group-item{
        padding-left: 115px;
    }
    .section-4-2 .text-1,
    .section-2-2 .text-2,
    .section-1-2.activitats-2 .text-1,
    .section-1-3.activitats-3 .text-1{
        font-size: 18px;
        line-height: 24px;
    }

    .section-4-2 .info-button {
        height: 280px;
        margin-bottom: 20px;
    }

    .section-4-2 .info-button-text {
        line-height: 30px;
        font-size: 22px;
        padding: 10px;
    }

    .section-4-2 .third-row {
        margin-top: 0px;
    }

    .section-4-3 {
        margin-top: 50px;
    }

    .bocadillo {
        font-size: 22px;
        line-height: 32px;
        font-weight: 400;
    }
    .section-4-3 .third-row .right-col{
        margin-top: 40px;
    }
    .section-4-4 .second-row {
        margin-top: 0px;
    }
    .section-4-4 .text-info-graphic-1, 
    .section-4-4 .text-info-graphic-2 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .section-2-2 .text-col-1, .section-2-2 .text-col-2, .section-1-5 .text-1, .section-5-5.activitats-4 .text-1{
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 10px;
    }
    .relacions-3 .left-col .list-group{
        border-bottom: none;
    }
    .section-2-3 .list-group-item:last-of-type {
        border-bottom: none;
    }
    .section-5-5 .text-2 {
        font-size: 16px;
        line-height: 24px;
    }
    .formatives-7 .text-2 {
        font-size: 16px;
        line-height: 24px;
    }
    .section-4-4.socis .google-4 .text-top-bordered{
        border: none;
    }
  


    h2 {
        font-size: 20px;
        line-height: 28px;
        color: #000000;
        text-transform: uppercase;
        font-weight: 700;
    }
    .margin-responsive{
        margin-top: 100px;
    }
    .relacions-4 .second-row .bxslider img{
        margin-left: auto;
        margin-right: auto;
    }
    .section-2-6.relacions-6 h1 {
        margin-bottom: 50px;
    }
    .section-2-5 .more-info a, .formatives-7 a{
        overflow-wrap: break-word;
        word-wrap: break-word;
        font-size: 16px;
    }
    .relacions-7 .fifth-row .col-xs-12 img{
        width: 100%;
    } 
    .section-1-3.activitats-3 {
        margin-top: 40px;
    } 
    .margin-top-slider{
        margin-top: 80px;
    }
    .margin-top-200{
        margin-top: 200px;
    }
    .section-1-5.activitats-5 {
        margin-top: 200px;
    } 
    .section-3-4.formatives-8a .list-img {
        width: 30%;
    }
    .formatives-8a .first-row .list-group-item{
        padding-left: 0px;
    }
    .telematica-5 .second-row{
        margin-top: -50px;
    }
    .section-5-4 .text-1 {
        font-size: 16px;
        line-height: 24px;
    }
    .section-5-4 .color-background, .section-5-4 .third-row .color-background{
        height: 430px;
    }


    body.pagina-qualitat .section-4-1 .main-slider .container .text-left span {
        background: none;
        padding-bottom: 0;
    }

}


  

@media only screen and (max-width: 768px) {
  
    .header .pre-navbar{
        position: inherit !important;
    }

    .header .navbar{
        position: absolute !important;
    }

    .header .navbar-list{
        position: absolute !important;
    }
    .main-slider .container .text-right {
        padding-left: 15px !important;
    }

    .section-5-4 .color-background, .section-5-4 .third-row .color-background{
        height: 380px;
    }

    .section-5-4 .grey-background, .section-5-4 .third-row .grey-background{
        height: 800px;
        margin-top: -100px;
    }

    .footer .lc-2 .link{
        display: block;
        text-align: center;
        padding-top: 1px;
        padding-bottom: 1px;
        border: none !important;
    }

    .footer .lc-2{
        margin-left: auto;
        margin-right: auto;
        border: none;
        text-align: center;
        display: block;
        margin-top: 0px;
        padding-top: 0px;
        position: relative;
        top: -10px;
        left: -4px;
    }

    .footer .link-container .link a img {
        width: 60px;
        margin-right: 40px;
    }

    .footer .lc-1 img, .footer .lc-3 img{
        margin-top: 6px;
    }

    .main-legend .table-label {
        display: block;
        margin-top: 2px;
        text-align: left;
    }
    .main-legend .vAxis-labels {
        height: 100%;
        width: auto;
        table-layout: fixed;
        margin: auto;
        margin-top: 30px;
    }

    .google-2 {
        margin-top: 120px;
    }
    .google-3 {
        margin-bottom: 100px;
    }

    body.pagina-qualitat .table-label.horizontal{
        font-size: 9px;
    }
  
    .footer .link-container.lc-1 {
        padding-bottom: 20px;
    }
    .footer .link-container .link a img {
        margin-right: 0;
    }
}
  

@media only screen and (max-width: 600px) {
  
    .logo-first{
        background: url("../img/l-academia-logo-2.png") no-repeat left center !important;
    }
    .navbar-menu .nav-option:first-of-type{
        display: none;
    }
    .logo-first .navbar-menu-curso span:nth-of-type(2){
        padding-left: 10px;
    }
    .logo-first .navbar-menu-curso span{
        display: table-cell;
        vertical-align: middle;
        color: white !important;
    }
    .logo-first .navbar-menu-curso > span {
        padding-left: 11px;
    }
    .logo-first .navbar-menu-curso span span{
        color: black !important;
    }

    .header .navbar-menu button {
        background: url(../img/menu-button.png) no-repeat center center;
        width: 60px;
        height: 40px;
    }
    .header .l-academia-logo {
    	width: 50px !important;
    }
    .header .l-academia-logo-curso{
        padding-left: 80px;
    }
    .navbar-menu .nav-option br{
        display: none;
    }
    .section-5-4 .grey-background, .section-5-4 .third-row .grey-background{
        margin-top: 0px;
    }
    .balance .main > div{
        font-size: 12px;
    }
    .balance .second > div{
        font-size: 10px;
    }
    .balance .third > div{
        font-size: 10px;
    }
    .main-labels .table-label, .main-labels .horizontal{
        font-size: 8px !important;
        line-height: 9px !important;
    }
    .google-chart svg text{
        font-size: 8px !important;
    }
      
}

@media only screen and (max-width: 481px) {

    .header .l-academia-logo {
        margin-left: -10px;
    }

    .logo-first{
        margin-left: 38px !important;
    }

    .header .navbar-list a {
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
    }

    .header .navbar-list .left-menu {
        margin-right: -50px;
    }

    .header .navbar-menu .nav-option span{
        font-size: 16px !important;
    }

    .header .navbar-menu .nav-option:last-of-type span{
        margin-right: -20px;
    }

    .header .navbar-menu .nav-option:first-of-type span{
        margin-right: -10px;
    }

    .activitats-3 .second-row .bx-caption span,
    .section-5-5.activitats-4 .second-row .bx-caption span{
        display: block;
        min-height: 32px;
        margin: 0px;
        padding: 0px;
        border-left: 2px solid #CCCCCC;
        color: #000000;
        font-size: 13px;
        line-height: 16px;
        font-style: italic;
        font-weight: 400;
        margin-top: 60px;
    }

    .section-5-4 .grey-background, .section-5-4 .third-row .grey-background{
        height: 600px;
    }

    .recursos-9.section-1-6 .inner-right-col-container{
        margin-top: 280px;
    }

    .recursos-9.section-1-6 .inner-left-col-container{
        margin-top: 100px;
    }

    .balance .text-top-bordered > div:nth-child(2), .balance .main > div:nth-child(2), .balance .second > div:nth-child(2), .balance .third > div:nth-child(2) {
        width: 30%;
        text-align: right;
    }

    .balance .text-top-bordered > div:nth-child(3), .balance .main > div:nth-child(3), .balance .second > div:nth-child(3), .balance .third > div:nth-child(3) {
        width: 30%;
        text-align: right;
    }

    .balance .text-top-bordered > div:first-child, .balance .main > div:first-child, .balance .second > div:first-child, .balance .third > div:first-child {
        width: 35%;
    }

    .balance .second > div:first-child {
        padding-left: 10px;
    }

    .balance .third > div:first-child {
        padding-left: 20px;
    }

    .balance .text-top-bordered{
        font-size: 12px;
    }

    .footer .row .col-xs-12{
        padding-left: 0px;
        padding-right: 0px;
    }

    .header .navbar-list {
        padding-right: 50px;
    }

    .activitats.formatives-5 .first-row .left-col h1{
        font-size: 22px !important;
    }

    .pagina-l-academia-en-xifres .main-labels .table-label{
        font-size: 6px !important;
        line-height: 7px !important;
    }

    .table-label {
        font-size: 10px;
        line-height: 12px;
    }

    #chart-8-legend {
        top: 560px;
    }

    #chart-11-legend {
        top: 560px;
    }

    /* ### HEADER ### */

    .main-slider .container .text-right {
        padding-right: 30px;
    }

    /* ### FOOTER ### */

    .footer .link-container {
        display: block;
        float: none;
        text-align: center;
    }
    .footer a.prev, .footer a.next {
        padding: 0 26px;
        font-size: 14px;
        background-size: auto 28px; 
    }
    .footer a span {
        font-size: 9px;
    }
    .footer a.prev {
        padding-right: 0;
        background-position: left 4px;
    }
    .footer a.next {
        padding-left: 0;
        background-position: right 4px;
    }
}