/***************** main menu ************************/

@media only screen and (max-width: 1199px) {
	#mainNav .navbar-nav .nav-item .nav-link{
		width: 150px;
		font-size: 15px;
	}
	#mainNav .dropdown-menu .dropdown-item{
		width: 140px !important;
	}
	#mainNav .dropdown-menu{
		width: 160px;
		font-size: 15px;
	}
	
	/***************************** SECT11 ***************************************/
	
	#sect11 .item .text_cont {
	    width: 530px;
    	padding: 30px 30px;
	}

	#sect11 .item .image {
	    width: 400px;
	}
	
	/***************************** SECT21 ***************************************/
	
	#sect21 .item{ 
		width: 290px;
		margin-right: 15px;
		margin-left: 15px;
	}
	
	/***************************** SECT21 ***************************************/

	#sect22 .zone1 {
	    padding: 18px 12px;
	}	

	#sect22 .item {
		width: 290px;
		margin-right: 15px;
		margin-left: 15px;
	}
	
	/***************************** SECT3 ***************************************/
	
	#sect3 .item{
		width: 280px;
		margin-right: 15px;
		margin-left: 15px;
	}

	/***************************** SECT31 ***************************************/
	
	#sect31 .item1{  
		width: 63%;	
		margin-bottom: 60px;
	}
	
	#sect31 .item2{  
		width: 30%;	
	}
	
	#sect31 .item3{  
		width: 27%;
	}
	
	/***************************** SECT32 ***************************************/
	
	#sect32 .item {
    	width: 290px;
		margin-right: 15px;
		margin-left: 15px;
	}	
	
	
	
}

@media only screen and (max-width: 991px) {
	
	
	header.masthead .intro-text{
		padding-top: 130px;
	}
	
	header.masthead .intro-text .title3 {
    	margin-top: 120px;
	}	
	
	
	.navbar-nav{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#menu_rrss_header{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	
	#navbarDropdown.active{
		background-size: 100% 7px;
	}
	
	#mainNav .dropdown-menu .dropdown-item.active{
		background-size: 100% 4px;
	}
	
	#mainNav .navbar-nav .nav-item .nav-link{
		width: inherit !important;
		margin-left: 0px !important;
		margin-top: 13px;
		padding-bottom: 13px;
	}
	
	#mainNav .navbar-nav .nav-item .nav-link br{
		display: none;
	}
	
	#mainNav{
		background-color: #EEEAE2;		
		padding-top: 10px;
		padding-bottom: 10px;		
	}
	
	#mainNav.navbar-shrink .navbar-brand{
		padding: 10px 0px; 
	}

	#mainNav .dropdown-menu{
		width: 100%;	
		padding: 1px 10px;
			
	}
	#mainNav .dropdown-menu .dropdown-item{
		width: 100%;
	}
	
	/***************************** SECT1 ***************************************/
	
	#sect1 .ico2 {
    	margin-left: 30px;
	    margin-right: 30px;
	}

	#sect1 .ico {
	    width: 220px;
	}
	
	
	/***************************** SECT11 ***************************************/
	#sect11 .item {
    	margin: 0px auto;
        width: 569px;
        margin-bottom: 40px;
	}
	
	#sect11 .item .text_cont {
    	width: 100%;
    	text-align: center;
	    padding: 20px 20px;
	}
	#sect11 .item .image {
    	width: 100%;
	}
	
	/***************************** SECT21 ***************************************/
	#sect21 .item {
	    width: 320px;
	}

	/***************************** SECT22 ***************************************/
	#sect22 .item {
	    width: 320px;
	}
	
	/***************************** SECT3 ***************************************/
	
	#sect3 .item {
	    width: 210px;
		margin-right: 0px;
    	margin-left: 0px;
	}
	
	#sect3 .zone2 {
	    padding: 20px 10px 10px 10px;
	}
	
	#sect32 .item {
    	width: 230px;
	    margin-right: 5px;
    	margin-left: 5px;
	}	
	
	#sect32 .zone2 {
	    padding: 0px 15px 20px 15px;
    }
    
}

@media only screen and (max-width: 768px) {
	
	header.masthead .intro-text {
	    padding-top: 100px;
	    padding-bottom: 20px;
	}
	
	header.masthead .intro-text .title1 {
	    width: 100%;
		margin: 0px;
		margin-bottom: 20px;
	}
	
	header.masthead .intro-text .title2 {
	    width: 100%;
		margin: 0px;	
	}
	
	header.masthead .intro-text .title3 {
	    margin-top: 0px;
	    margin-bottom: 190px;
	}
	
	header.masthead{
		background-position: inherit;
		background-size: 790px;
		background-position-y: bottom;
	}
	
	.title_section {
	    margin-bottom: 30px;
	}
	
	.title_section br {
		display: none;
	}
	
	
	
	#sect1 {
	    padding-top: 20px;
	}
	
	#sect1 .ico {
	    width: 100%;
	    margin-bottom: 30px;
	    margin-right: 20px;
	    margin-left: 20px;
	}
	
	#sect1 .ico br{
		display: none;
	}
	
	#sect11 .item{
		width: 100%;
	}
	
	#sect12 .item{
		width: 100%;
	}
	
	#sect2{
		margin-top: 0px;
	}
	
	#sect2 .title_section{
		margin-bottom: 0px;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	
	#sect21 .item {
	    width: 100%;
	}
	
	#sect21 .text_section {
	    width: 100%;
	}
	
	#sect22 .item {
	    width: 100%;
	}
	
	#sect22 .text_section {
		width: 100%;	
	}
	
	#sect23 .item{
	    width: 100%;
	}
	
	#sect23 .text_section {
		width: 100%;	
	}
	
	#sect3 .item {
		width: 100%;
		margin: 20px;
	}
	
	#sect3 .item1 {
		padding-top: 0px;
	}
	
	#sect3 .item2 {
		padding-top: 0px;
	}
	
	#sect3 .item3 {
		padding-top: 0px;
	}
	
	#sect3 .zone1 {
	    text-align: center;
	}
	
	#sect31 .item1 {
	    width: 100%;
	    margin: 20px;
	}
	
	#sect31 .item2 {
	    width: 100%;
	    margin: 20px;
	}
	
	#sect31 .item3 {
	    width: 100%;
	    margin: 20px;
	}
	
	#sect32 .item {
	    width: 100%;
	    margin-right: 20px;
	    margin-left: 20px;
	    text-align: center;
	    margin-bottom: 20px;
	}
	
	
	footer .logo_footer{
		width: 100%;
		margin-bottom: 20px;	
		text-align: center;
	}
	
	footer .copy_footer{
		width: 100%;
		text-align: center;	
	}
	
	footer .d-flex{
		display: inherit !important;
	}
	
	
	footer #menu_footer{
		display: none !important;
	}
	
	
	
	#portfolioModal6 .modal-dialog{
		width: auto;
		max-width:inherit;
		margin: .5rem;
	}
	
	#portfolioModal6 #modal_up {
		max-width: inherit;
	}
	
	#portfolioModal6 .datos .email{
		padding-left: 10px;
	}
	
	
	#portfolioModal6 .contenido {
	    padding: 20px 20px;
	}
	
	#portfolioModal6 .contenido .title {
	    font-size: 28px;
	    line-height: 28px;
	    margin-bottom: 10px;
	}
	
	

}