@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 2560px
2. 1920px
3. 1800px
4. 1600px
5. 1440px
6. 1368px
7. 1280px
8. 1280px portrait
9. 1160px
10. 1024px
11. 1024px portrait
12. 959px
13. 920px portrait
14. 915px
15. 880px
16. 820px portrait
17. 812px
18. 786px
19. 768px portrait
20. 740px
21. 720px
22. 667px (Wfin)
23. 642px
24. 540px portrait
25. 480px portrait
26. 479px portrait
27. 430px portrait
28. 419px portrait
29. 400px portrait
30. 

******************************/

/************
1. 2560px
************/

@media only screen and (max-width: 2560px)
{
	.header
	{
		background-image:url(../images/banner/banner.jpg)
	}
	.header_side
	{
		background-image:url(../images/.jpg)
	}
}

/************
2. 1920px
************/

@media only screen and (max-width: 1920px)
{
	.home
	{
		height: 645px;
	}
	.nosotros_text
	{
    margin-left: 20%;
    margin-right: 20%;
	}
	.cont_mv
	{
    margin-left: 19%;
    margin-right: 19%;
	}
	.sidebar_list
	{
		width: 115%;
	}
}

/************
3. 1800px
************/

@media only screen and (max-width: 1800px)
{
	.main_nav li a
	{
		font-size: 24px;
	}
	.nosotros_text span
	{
		font-size: 37px;
	}
	.nosotros_text1 span
	{
		font-size: 37px;
	}
}

/************
4. 1600px
************/

@media only screen and (max-width: 1600px)
{	
	.header
	{
		width: 82%;
	}
	#header
	{
		width: 575px;
	}
	.main_nav_container
	{
		margin-left: 50px;
		padding-right: 5px;
		margin-right: 66px;
	}
	.main_nav li a
	{
		font-size: 21px;
	}
	.imContact1
	{
		width: 92%;
	}
	.imContact1 img
	{
		width: 100%;
	}
	.logo img
	{
		width: 85%;
	}
	.home
	{
		height: 540px;
	}
	.nosotros_text span
	{
		font-size: 32px;
	}
	.nosotros_text1 span
	{
		font-size: 32px;
	}
	.icon1 img
	{
		width: 80%;
	}
	.titulo_i img
	{
		width: 70%;
		margin-left: 16px;
	}
	.icon1 img {
        width: 75%;
    }
	.titulo_i img {
        width: 66%;
        margin-left: 18px;
    }
}

/************
5. 1440px
************/

@media only screen and (max-width: 1440px)
{
	.header
	{
		width: 87%;
		background-image:url(../images/banner/banner1.jpg)
	}
	#header
	{
        width: 530px;
    }
	.header_side
	{
		background-image:url(../images/.jpg)
	}
	.logo img
	{
        width: 95%;
    }
	.main_nav_container
	{
		margin-left: 71px;
		padding-right: 5px;
		margin-right: 86px;
	}
	.main_nav li a
	{
		font-size: 20px;
	}
	.imContact1 img
	{
		width: 100%;
	}
	.imContact1 span
	{
		font-size: 26px;
	}
	.Estilo49
	{
		font-size: 47px;
	}
	.nosotros_text
	{
		margin-left: 19%;
		margin-right: 19%;
	}
	.nosotros_text span
	{
		font-size: 30px;
	}
	.nosotros_text1 span
	{
		font-size: 30px;
	}
	.icon1 img {
        width: 65%;
    }
	.titulo_i img {
        width: 60%;
        margin-left: 25px;
    }
}

/************
6. 1368px
************/

@media only screen and (max-width: 1368px)
{
	.main_nav_container
	{
        margin-left: 63px;
        margin-right: 60px;
    }
	#header
	{
        width: 520px;
    }
}

/************
7. 1280px
************/

@media only screen and (max-width: 1280px)
{
	.header
	{
		width: 85%;
		height: 15%;
		background-size: cover;
	}
	#header
	{
		width: 465px;
	}
	.header_content
	{
		width: 100%;
	}
	.header_side
	{
		display: none !important;
	}
	.logo img
	{
        width: 110%;
    }
	.main_nav_container
	{
        margin-left: 55px;
        margin-right: 0px;
    }
	.main_nav_item
	{
		margin-right: 12px;
	}
	.main_nav
	{
		margin-top: 20px;
	}
	#header
	{
        width: 495px;
    }
	.main_nav li a
	{
        font-size: 17px;
    }
	.imContact1
	{
        width: 90%;
    }
	.imContact1 span
	{
        font-size: 20px;
    }
	.home {
        height: 430px;
    }
	.Estilo49
	{
        font-size: 42px;
    }
	.nosotros_text
	{
		margin-left: 17%;
		margin-right: 16%;
	}
	.nosotros_text span
	{
		font-size: 26px;
	}
	.cont_mv
	{
        margin-left: 17%;
        margin-right: 16%;
    }
	.nosotros_text1 span
	{
		font-size: 26px;
	}
	.sidebar_list
	{
		width: 110%;
	}
	.icon1 img
	{
        width: 65%;
    }
	.titulo_i img
	{
        width: 60%;
        margin-left: 37px;
    }
	.co
	{
		width: 28%
	}
	.footer_content
	{
		margin-left: 0%;
		margin-right: -7%;
	}
}

/************
8. 1280px portrait
************/

@media only screen and (max-width: 1280px) and (orientation: portrait)
{
	.header
	{
		height: 8%;
	}
	.nosotros_text span
	{
		font-size: 28px;
	}
	.nosotros_text1 span
	{
		font-size: 28px;
	}
}

/************
9. 1160px
************/

@media only screen and (max-width: 1160px)
{
	.header
	{
		width: 84%;
	}
}

/************
10. 1024px
************/

@media only screen and (max-width: 1024px)
{
	.header
	{
		width: 82%;
		height: 15%;
	}
	.logo img
	{
		width: 95%;
	}
	.main_nav_container
	{
		margin-left: 30px;
	}
	#header
	{
		width: 425px;
	}
	.main_nav_item
	{
		margin-right: 15px;
	}
	.main_nav li a
	{
		font-size: 15px;
	}
	.imContact1 span
	{
		font-size: 16px;
	}
	.home
	{
		height: 345px;
	}
	.nosotros
	{
		top: 150px;
		margin-bottom: 200px;
	}
	.nosotros_text
	{
		margin-left: 13%;
		margin-right: 13%;
	}
	.cont_mv
	{
		margin-left: 13%;
		margin-right: 13%;
	}
	.sidebar_section_title2
	{
		margin-top: -30px;
	}
	.sidebar_list
	{
        width: 109%;
    }
	.co
	{
		width: 30%;
	}
	.icon1
	{
		margin-left: 96px;
	}
	.titulo_i img
	{
		width: 60%;
		margin-left: 36px;
	}
	.footer
	{
		padding-top: 10px;
	}
	.footer_content
	{
		margin-right: -4%;
	}
	.footer_bar
	{
		padding-top: 25px;
	}
}

/************
11. 1024px portrait
************/

@media only screen and (max-width: 1024px) and (orientation: portrait)
{
	.header
	{
		height: 8%;
	}
	.logo_container
	{
		padding-left: 7px;
	}
	.logo img {
        width: 105%;
    }
	.nosotros_text span
	{
		font-size: 26px;
	}
	.nosotros_text1 span
	{
		font-size: 26px;
	}
}

/************
12. 959px
************/

@media only screen and (max-width: 959px)
{
	.header
	{
		height: 20%;
	}
	.logo_container 
	{
		padding-left: 5px;
	}
	.main_nav_container
	{
		margin-left: 5px;
		padding-right: 3px;
	}
	.imContact1
	{
		width: 95%;
	}
	.imContact1 span
	{
		font-size: 14px;
	}
	.home
	{
		height: 315px;
	}
	.nosotros_text span
	{
		font-size: 24px;
	}
	.nosotros_text1 span
	{
		font-size: 24px;
	}
	.col-lg-3
	{
		width: 25%;
		padding-right: 5px;
		padding-left: 5px;
	}
}

/************
13. 920px portrait
************/

@media only screen and (max-width: 920px) and (orientation: portrait)
{
	.header
	{
		height: 5%;
	}
	.main_nav_container
	{
        margin-left: 30px;
    }
	#header
	{
        width: 400px;
    }
	.main_nav_item
	{
        margin-right: 13px;
    }
	.main_nav li a
	{
        font-size: 14px;
    }
	    .Estilo49 {
        font-size: 40px;
    }
	    .nosotros_text span {
        font-size: 23px;
    }
	.nosotros_text1 span {
        font-size: 23px;
    }
}

/************
14. 915px
************/

@media only screen and (max-width: 915px)
{
	.header
	{
		height: 90px;
		background-image:url(../images/banner/banner2.jpg)
		ackground-size: 80%;
	}
	.logo_container
	{
		padding-left: 6px;
		top: 6px;
	}
	.logo img
	{
		width: 220px;
	}
	.imContact1
	{
		width: 60%;
		margin-left: 240px;
		margin-right: -220px;
	}
	.main_nav_container
	{
		display: none;
	}
	.logo span
	{
		font-size: 26px;
	}
	.hamburger_container
	{
		display: block;
	}
	.hamburger_container i
	{
		text-shadow: rgb(255 255 255 / 45%) 2px 2px 1px;
	}
	.menu
	{
		top: 15px;
		column-width: 90px;
	}
	.menu_item
	{
		margin-bottom: 0px;
	}
	.menu_item a
	{
		font-size: 18px;
	}
	.menu_copyright
	{
		display: none;
	}
	.menu_social_container
	{
		margin-top: 4px;
	}
	.menu_close_container
	{
		right: 8x;
		top: 10px;
	}
	.home
	{
		height: 310px;
	}
	.Estilo49
	{
		font-size: 38px;
	}
	.nosotros_text
	{
		margin-left: 11%;
		margin-right: 11%;
	}
	.nosotros_text span
	{
		font-size: 24px;
	}
	.cont_mv
	{
		margin-left: 11%;
		margin-right: 11%;
	}
	.nosotros_text1 span
	{
		font-size: 25px;
	}	
	.newsletter_form_container
	{
		width: 90%;
	}
	.sidebar_section_title2
	{
		margin-top: -30px;
	}
	.co
	{
		width: 30%;
	}
	.icon1
	{
		margin-left: 87px;
	}
	        .footer_content {
            margin-right: 0%;
        }
	.row
	{
		margin-right: -0px;
		margin-left: 10px;
	}
	.footer_content .logo img
	{
		width: 95%;
	}
	.footer_col
	{
		margin-bottom: 20px;
	}
	.footer_col:last-child
	{
		margin-bottom: 5px;
	}
}

/************
15. 880px
************/

@media only screen and (max-width: 880px)
{
	.header
	{
		height: 90px;
	}
	.logo_container
	{
		padding-left: 8px;
	}
	.logo img
	{
		width: 215px;
	}
	.logo span
	{
		font-size: 45px;
	}
	.imContact1
	{
		width: 55%;
		margin-left: 245px;
		margin-right: -235px;
	}
	.hamburger_container
	{
		right: 5px;
	}
	.menu
	{
		top: 15px;
		column-width: 80px;
	}
	.menu_item
	{
		margin-bottom: 0px;
	}
	.menu_item a
	{
		font-size: 18px;
	}
	.menu_copyright
	{
		display: none;
	}
	.menu_social_container
	{
		margin-top: 4px;
	}
	.menu_close_container
	{
		right: 8px;
		top: 10px;
	}
	.hero_slider_nav
	{
		display: none;
	}
	.hero_slide_content
	{
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.home
	{
		height: 285px;
	}
	.Estilo49
	{
		font-size: 36px;
	}
	.nosotros_text span
	{
		font-size: 22px;
	}
	.nosotros_text1 span
	{
		font-size: 23px;
	}
	.footer_col
	{
		margin-bottom: 20px;
	}
	.footer_col:last-child
	{
		margin-bottom: 10px;
	}
}

/************
16. 820px portrait
************/

@media only screen and (max-width: 820px) and (orientation: portrait)
{
	.imContact1
	{
		margin-left: 210px;
		margin-right: -190px;
	}
	.home {
        height: 280px;
    }
	.nosotros_text1 span {
        font-size: 22px;
    }
	.sidebar_list {
        width: 107%;
    }
	.row
	{
        margin-left: 60px;
    }
	.footer_col
	{
        margin-bottom: -215px;
    }
	.col-lg-3
	{
		width: 32%;
    }
}

/************
17. 812px
************/

@media only screen and (max-width: 812px)
{
	.header
	{
		background-image:url(../images/banner/banner2x.jpg)
	}
	.imContact1
	{
		top: 3px;
		margin-left: 215px;
		margin-right: -220px;
	}
	.home
	{
		height: 275px;
	}
	.nosotros_text1 span
	{
		font-size: 22px;
	}
	.row
	{
		margin-right: 0;
		margin-left: 0;
	}
	.col-lg-3
	{
		padding-right: 0px;
		padding-left: 0px;
	}
}

/************
18. 786px
************/

@media only screen and (max-width: 786px)
{
	.home {
            height: 265px;
        }
	        .nosotros_text span {
            font-size: 21px;
        }
	        .nosotros_text1 span {
            font-size: 21px;
	}
	.row
	{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(1, 212px);
		margin-right: 5px;
		margin-left: 15px;
    }
	.footer_column_content
	{
		width: 275px;
	}
}

/************
19. 768px portrait
************/

@media only screen and (max-width: 768px) and (orientation: portrait)
{
	.imContact1
	{
        margin-left: 160px;
        margin-right: -160px;
    }
	    .home {
        height: 260px;
    }
	    .sidebar_list {
        width: 105%;
    }
	    .icon1 {
        margin-left: 81px;
    }
	.row
	{
        grid-template-rows: repeat(1, 137px);
        margin-left: 10px;
    }
	.col-lg-3 {
        width: 42%;
    }
	    .footer_column_content {
        width: 268px;
    }
}

/************
20. 740px
************/

@media only screen and (max-width: 740px)
{
	.header
	{
		height: 85px;
		background-image:url(../images/banner/banner3x.jpg)
	}
	.logo_container
	{
		top: 8px;
	}
	.logo img
	{
		width: 195px;
	}
	.imContact1
	{
		top: 4px;
		margin-left: 165px;
		margin-right: -200px;
	}
	.menu_container
	{
		right: -100vw;
		width: 100vw;
		height: 100vh;
	}
	.home
	{
		height: 250px;
	}
	        .Estilo49 {
            font-size: 34px;
        }
	        .nosotros_text span {
            font-size: 20px;
        }
	        .nosotros_text1 span {
            font-size: 20px;
        }
		        .sidebar_list {
            width: 105%;
        }
	        .row {
            grid-template-rows: repeat(1, 140px);
        }
	        .footer_column_content {
            width: 253px;
        }
}

/************
21. 720px
************/

@media only screen and (max-width: 720px)
{
	.footer_column_content
	{
		width: 244px;
	}
}

/************
22. 667px (Wfin)
************/

@media only screen and (max-width: 667px)
{
	.home {
            height: 225px;
        }
	.Estilo49 {
            font-size: 32px;
        }
	.nosotros_text span {
            font-size: 18px;
        }
	        .nosotros_text1 span {
            font-size: 17px;
        }
	.footer_column_content {
            width: 217px;
        }
}

/************
23. 642px
************/

@media only screen and (max-width: 642px)
{
	.header
	{
		background-image:url(../images/banner/banner3.jpg)
		width: 60%;
	}
}

/************
24. 540px portrait
************/

@media only screen and (max-width: 540px) and (orientation: portrait)
{
	h1{font-size: 24px;}
	p{font-size:13px;}
	.header
	{
		height: 80px;
	}
	.logo_container
	{
        padding-left: 5px;
        top: 6px;
    }
	.imContact1
	{
        top: 3px;
        margin-left: 50px;
        margin-right: -80px;
    }
	.home
	{
        height: 180px;
    }
	.hamburger_container
	{
		right: 5px;
	}
	.menu
	{
		top: 5px;
	}
	.menu_item
	{
		margin-bottom: 0px;
	}
	.menu_item a
	{
		font-size: 18px;
	}
	.menu_copyright
	{
		display: none;
	}
	.menu_social_container
	{
		margin-top: 4px;
	}
	.menu_close_container
	{
		right: 20px;
		top: 15px;
	}
	.nosotros
	{
        top: 130px;
        margin-bottom: 160px;
    }
	.nosotros_text
	{
        margin-bottom: -65px;
		margin-left: 5%;
        margin-right: 5%;
    }
	    .Estilo49 {
        font-size: 28px;
    }
	.Estilo10
	{
		font-size: 4px;
	}
	    .nosotros_text span {
        font-size: 17px;
    }
	.cont_mv img
	{
		width: 37%;
	}
	.cont_mv
	{
        margin-left: 5%;
        margin-right: 5%;
    }
	    .nosotros_text1 span {
        font-size: 17px;
    }
	    .sidebar_list {
        width:  97%;
    }
	    .icon1 {
        margin-left: 68px;
        margin-bottom: 0px;
    }
	    .co {
        width: 34%;
    }
	    .icon1 {
        margin-left: 67px;
    }
	.icon1 img {
        width: 85%;
    }
	    .titulo_i img {
        width: 75%;
		margin-left: 35px;
    }
	.row
	{
		grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(1, 360px);
		margin-left: 30px;
    }
	    .footer_col {
        margin-bottom: 13px;
    }
	.footer_col:last-child {
        margin-bottom: 0px;
    }
	    .col-lg-3 {
        width: 42%;
    }
	    .footer_column_content {
        width: 280px;
    }
	.footer_bar
	{
		padding-top: 20px;
		padding-bottom: 5px;
	}
	.footer_social
	{
		margin-top: 8px;
	}
	.footer_copyright span
	{
		font-size: 8px;
	}
}

/************
25. 480px portrait
************/

@media only screen and (max-width: 490px) and (orientation: portrait)
{
	.header
	{
		height: 70px;
	}
	.logo
	{
		display: flex;
		align-items: center;
	}
}

/************
26. 479px portrait
************/

@media only screen and (max-width: 479px) and (orientation: portrait)
{
	.header
	{
		height: 65px;
		top: 15px;
	}
	.menu
	{
		top: 5px;
		column-width: 180px;
	}
	.menu_contact_icon img
	{
		width: 10%;
	}
}

/************
27. 430px portrait
************/

@media only screen and (max-width: 430px) and (orientation: portrait)
{
	
	    .logo img {
        width: 140px;
    }
	.home {
        height: 145px;
    }
	    .nosotros {
        top: 110px;
        margin-bottom: 120px;
    }
	    .nosotros_text {
        margin-left: 4%;
        margin-right: 4%;
    }
	.nosotros_text span {
        font-size: 17px;
    }
	.cont_mv
	{
        margin-left: 4%;
        margin-right: 4%;
    }
	.cont_mv img
	{
		width: 45%;
	}
	    .nosotros_text1 span {
        font-size: 17px;
    }
	.sidebar_section_title2 {
        margin-top: -55px;
    }
	    .sidebar_list {
        width: 86%;
    }
	    .icon1 {
        margin-left: 63px;
    }
	    .icon1 img {
        width: 110%;
        margin-bottom: -10px;
    }
	    .titulo_i img {
        width: 66%;
		margin-bottom: -10px;
    }
	.titulo_i img {
        width: 97%;
        margin-bottom: 14px;
		margin-left: 31px;
    }
	.row
	{
        margin-left: 15px;
    }
	    .footer_column_content {
        width: 210px;
    }
	    .col-lg-3 {
        width: 80%;
    }
	.QR
	{
		width: 210px;
	}
}

/************
28. 419px portrait
************/

@media only screen and (max-width: 419px) and (orientation: portrait)
{
	.imContact1
	{
        margin-left: 25px;
        margin-right: -80px;
		width: 60%;
    }
	.header
	{
		height: 65px;
		top: 15px;
	}
	.hamburger_container
	{
		right: 5px;
	}
	.menu
	{
		top: 5px;
		column-width: 180px;
	}
	.menu_item
	{
		margin-bottom: 0px;
	}
	.menu_item a
	{
		font-size: 18px;
	}
	.menu_copyright
	{
		display: none;
	}
	.menu_social_container
	{
		margin-top: 4px;
	}
	.menu_close_container
	{
		right: 20px;
		top: 15px;	
	}
	.row
	{
        margin-left: 7px;
    }
	.col-lg-3
	{
        margin-left: -1px;
    }
	.footer_column_content
	{
        width: 202px;
    }
	.footer_col
	{
		margin-bottom: 20px;
	}
	.footer_col:last-child
	{
		margin-bottom: 10px;
	}
}

/************
29. 400px portrait
************/

@media only screen and (max-width: 400px) and (orientation: portrait)
{
	.imContact1 span {
        font-size: 12px;
    }
	.row
	{
		grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 140px);
		margin-left: 32px;
    }
}

/************
30. 360px portrait
************/

@media only screen and (max-width: 360px) and (orientation: portrait)
{
	.imContact1
	{
        margin-left: 13px;
        width: 58%;
    }
	.imContact1 span
	{
        font-size: 10px;
    }
}

/************
14. 400px
************/

@media only screen and (max-width: 400px) and (orientation: portrait)
{
	
}