@charset "utf-8";

@media only screen and (max-width: 1600px)
{
	.contact_content
	{
		width: 100%;
		padding-top: 95px;
		padding-left: 45px;
	}
}

@media only screen and (max-width: 1440px)
{
	.contact_info_container
	{
		padding-right: 0px;
	}
	.contact_info
	{
		padding-right: 0;
	}
}

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

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

@media only screen and (max-width: 1199px)
{
	.datos_container
	{
		width: 100%;
		padding-left: 167px;
		margin-top: 0px;
	}
	.footer_contact_info
	{
		padding-right: 0px;
	}
	.footer_contact_info
	{
		padding-right: 0px;
	}
	.contact_content
	{
		padding-left: 107px;
		padding-right: 107px;
	}
	.contact_info_container
	{
		padding-top: 0;
		padding-left: 0;
		margin-top: 70px;
	}
	.contact_map
	{
		height: 500px;
	}
}

@media only screen and (max-width: 1100px)
{
	
}
@media only screen and (max-width: 1024px)
{
	
}
@media only screen and (max-width: 991px)
{
	.main_nav
	{
		display: none;
	}
	.hamburger
	{
		display: inline-block;
		margin-left: 25px;
		vertical-align: middle;
	}
	.home {
	    height: 50vh;
	}
	.home_text {
	    margin-top: -35px;
	}
	.home_container {
	    top: 60%;
	}
	.home_text {
	    margin-top: 0px;
	}
	.home_slider_nav_container
	{
		top: -51px;
	}
	.plomeria p{
		width: 100%;
	    padding: 0 20%;
	}
.plomeria ul{
    text-align: left;
    padding-left: 22%;
    padding-bottom: 30px;
}
.gasista ul, .destapaciones ul{
    text-align: left;
    padding-left: 36%;
    padding-bottom: 30px;
}
	.datos
	{
		padding-bottom: 60px;
	}
	.datos_container
	{
		padding-left: 0;
		margin-top: 60px;
	}
	.datos_col:first-child
	{
		padding-right: 15px;
	}
	.datos_col:last-child
	{
		padding-left: 15px;
	}
	.datos_background
	{
		height: 354px;
	}
	.home_title
	{
		font-size: 30px;
	}
	.servicios_search
	{
		padding-left: 0;
		padding-right: 0;
	}
	.servicios_slider_nav
	{
		display: none;
	}
	.servicios_tag
	{
		height: 32px;
		font-size: 12px;
	}
	.phoneparallax_col:not(:last-child)
	{
		margin-bottom: 80px;
	}
	.grouped_col:not(:last-child)
	{
		margin-bottom: 80px;
	}
	.footer_col:not(:last-child)
	{
		margin-bottom: 80px;
	}
	.contact_content
	{
		padding-left: 57px;
		padding-right: 57px;
	}
	.contact_name_col
	{
		margin-bottom: 19px;
	}
}

/************
7. 959px
************/

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

/************
8. 880px
************/

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

/************
9. 768px
************/

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

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	.top_bar
	{
		display: none;
	}
	.header.scrolled
	{
		top: 0px;
	}
	.search_button
	{
		display: none;
	}
	.home_slider_nav_container
	{
		display: none !important;
	}
	.servicios_search_form > div
	{
		width: 100%;
		margin-bottom: 15px;
	}
	.video_container_outer
	{
		height: 287px;
	}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	p
	{
		font-size: 13px;
	}
	h2
	{
		font-size: 20px;
	}
	.section_title h2
	{
		font-size: 20px;
	}
	.section_subtitle
	{
		font-size: 13px;
		margin-top: 47px;
	}
	.menu
	{
		width: 100%;
		right: -100%;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 80px;
	}
	.menu_nav ul li a
	{
		font-size: 14px;
	}
	.menu_close_container
	{
		right: 30px;
	}
	.menu .search
	{
		margin-bottom: 54px;
	}
	.menu .search_input
	{
		height: 32px;
	}
	.menu .search_input::-webkit-input-placeholder
	{
		font-size: 12px !important;
	}
	.menu .search_input:-moz-placeholder
	{
		font-size: 12px !important;
	}
	.menu .search_input::-moz-placeholder
	{
		font-size: 12px !important;
	} 
	.menu .search_input:-ms-input-placeholder
	{ 
		font-size: 12px !important;
	}
	.menu .search_input::input-placeholder
	{
		font-size: 12px !important;
	}
	.menu_extra
	{
		right: 30px;
		bottom: 15px;
	}
	.menu_phone, .menu_social
	{
		font-size: 9px;
	}
	.menu_social
	{
		margin-top: 2px;
	}
	.header_search_button i
	{
		font-size: 14px;
	}
	.button_arrow
	{
		height: 47px;
	}
	.header_content
	{
		height: 50px;
	}
	.header.scrolled .header_content
	{
		height: 50px;
	}
	.logo_img {
	    width: 55%;
	}
	.logo_img img
	{
		max-width: 100%;
	}
	.logo_text
	{
		font-size: 12px;
		-webkit-transform: translateY(-1px);
		-moz-transform: translateY(-1px);
		-ms-transform: translateY(-1px);
		-o-transform: translateY(-1px);
		transform: translateY(-1px);
	}
	.home_container
	{
		top: calc((100vh + 37px) / 2);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		width: 100%;
	}
	.home_title
	{
		font-size: 36px;
	}
	.home_logo
	{
		width: 163px;
		height: 110px;
	}
	.home_text
	{
    margin-top: -200px;
	}
	.home_subtitle
	{
		font-size: 14px;
	}
	.home_buttons
	{
		display: none;
	}
	.datos_content
	{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.datos_tag,
	.servicios_tag
	{
		height: 32px;
		font-size: 12px;
	}
	.servicios_body
	{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 45px;
	}
	.servicios_title h3 a
	{
		font-size: 18px;
	}
	.servicios_price
	{
		font-size: 12px;
	}
	.servicios_price span
	{
		font-size: 14px;
		-webkit-transform: translateY(1px);
	    -moz-transform: translateY(1px);
	    -ms-transform: translateY(1px);
	    -o-transform: translateY(1px);
	    transform: translateY(1px);
	}
		.contact_content
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	.phoneparallax_counter
	{
		font-size: 30px;
	}
	.phoneparallax_text
	{
		font-size: 14px;
	}
	.more .section_subtitle
	{
		font-size: 13px;
	}
	.grouped_title
	{
		font-size: 24px;
	}
	.accordion
	{
		font-size: 14px;
	}
}
@media only screen and (max-width: 539px)
{
	
}
@media only screen and (max-width: 480px)
{
	.home_title
	{
		font-size: 24px;
	}
	.home_subtitle
	{
		font-size: 13px;
	}
	.datos_title h3 a
	{
		font-size: 18px;
	}
	.datos {
	    padding-bottom: 60px;
	    text-align: center;
	}
	.datos_text {
		font-size: 12px;
	}
	.phoneparallax_icon {
	    margin-bottom: 25px;
	}
	.plomeria ul {
	    padding-left: 5%;
	}
	.gasista ul {
	    padding-left: 27%;
	}
	.destapaciones ul{
		padding-left: 16%;
	}
}
@media only screen and (max-width: 479px)
{
	
}
@media only screen and (max-width: 400px)
{
	
}