/*-----------------------------------------------------------------------------------*/
/*	MEDIA QUERIES by Habanero Studio
/*-----------------------------------------------------------------------------------*/
/* iPad Landscape */
.iconoServicios {
        border: 1px solid #ffffff;
        border-radius: 10px;
        /*box-shadow: 2px 2px 8px #cecece;*/
        /*cursor: pointer;*/
        display: block;
        left: 32%;
        position: relative;
    }
.contenedorp {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}
.contenedor_item {
    position: relative;
    width: 23%;
}
.contenedor_item img {
    width: 100%;
}
.contenedor_item .capadeltexto1 {
    position: absolute;
    top: 27px;
    width: 100%;
}
.contenedorp h4 {
    color: #eee;
    font-size: 333%;
    font-weight: 900;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}
.capadeltexto1 h3 {
    color: #eee;
    font-size: 190%;
    font-weight: 700;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}
.degradado {
    background: linear-gradient(#fff, #4f96c2) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 139px;
    margin: 0;
    padding: 1em;
    width: 100%;
}
.capadeltexto2 {
    margin: 0;
    width: 100%;
}
.contenedorp h5 {
    color: #e66f36;
    font-size: 259%;
    font-weight: 900;
    position: relative;
    text-shadow: -2px -2px 1px #eee, 2px -2px 1px #eee, -2px 2px 1px #eee, 2px 2px 1px #eee;
    top: 30px;
}
.capadeltexto2 h3 {
    color: #e66f36;
    font-size: 140%;
    font-weight: 900;
    position: relative;
    text-shadow: -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee;
    top: 32px;
}
/*************************/
.contenedorin {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}
/*.contenedor_item .iconoServicios {
    left: 33.5%;
    position: relative;
    width: 34%;
}*/
/**************************/

/****************************/
.contenedorc 
{
    display: flex;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}

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

/***************************/
.contenedorv {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}
.contenedor_video img {
    width:100%; 
    height:100%;
}
.contenedorv .contenedor_video iframe, .contenedorv .contenedor_video object, .contenedorv .contenedor_video embed, .contenedorv .contenedor_video video {
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.contenedor_fuc_elec {
    padding: 0.5em;
    width: 100%;
}
.contenedorv h3 {
    color: #e66f36;
    font-size: 1.5em;
    font-weight: 900;
    margin: 1px 0 -20px -2px;
    text-shadow: -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee;
}

.btprecios img {
left: 41%;
position: relative;
width: 18%;
}
/***************************/

/*******************Star MediaQuerys***********************************/
@media only screen and (max-device-width: 1024px) {
	.inner,
	.bannercontainer {
	    width: 960px;
	}
	
	.banner {
	    width: 960px;
		height:400px;
	}
    .quickacces_bar {
    background: none repeat scroll 0 0 #ededed;
    border: medium none;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 100%;
}



	/************************ by Dario ************************/	
	.banner h1{
		color:#FFF;
		font-size:18px;
		font-weight:bolder;
		line-height:28px;
		text-transform:uppercase;
		margin-bottom:10px;
		margin-top:10px;
		}
	
		
	.header-wrapper .inner .phones {
		float: none;
		text-align: center;
		margin-bottom: 10px;
		}
	.header-wrapper .inner .distribuidor {
		float: none;
		text-align: center;
		margin-bottom: 10px;
		}
	
	.header-wrapper {
    	background: #26282b;
	}
	
	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    width: 440px;
	    display: block;
	}
	
	.chat_widget{
		position:fixed;
		right:-2px;
		bottom:0;
		display:block;
		background:transparent url(style/images/chat-en-vivo.png) no-repeat;
		width:250px;
		height:64px;
		padding:16px 0 0 50px;
		color:#FFF;
		font-size:18px;
		text-align:left;
		z-index:300;
	}

/*.contenedorp  {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 40%;
  height: 100px;
  max-height: 100px;
  border: 1px solid green;
}
.contenedorp  div:nth-child(-n + 2) {
  background: yellow;
  width: 50px;
  height: 50px;
}
.contenedorp  div:nth-child(n + 3) {
  background: aqua;
  height: 50px;
  width: calc(100% - 50px);
}*/
.contenedor_item .textofx {
        color:black;
}
	/*****************************************/
	
	
	.items.col4 li {
	    width: 237px;
	}
	.items li a div h5 {
		margin-top: 57px;
	}
	.grid .post {
		width: 460px;
		margin-right: 40px;
	}
	.content {
		width: 670px;
	}
	.sidebar {
		width: 240px;
	}
	.content .related .post {
		width: 204px;
	}
	.client-list .frame {
	    width: 178px;
	}
	.tp-bullets {
	    bottom: -40px !important
	}
	.portfolio-content.two-col .image {
		width: 670px;
	}
	.portfolio-content.two-col .details {
		width: 240px;
	}
	.small-bannercontainer,
	.small-banner {
    	width: 670px;
    }
    .box-layout {
	    padding: 0;
	}
	.box-layout .body-wrapper {
		width: 100%;
	}

    .one-fifth-image{
        display:block;
    }
}
/******************************************************************/

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 768px) {

    .quickacces_bar {
        background: none repeat scroll 0 0 #ededed;
        border: medium none;
        margin-bottom: 20px;
        padding: 0;
        position: relative;
        width: 100%;
    }

    .inner {
        margin: 0 auto;
    }

    .inner, .bannercontainer {
        width: 100%;
    }

    .banner {
        width: 720px;
        height: 750px;
    }

    .canjear {
        left: 18px;
        margin: 0;
        padding: 0;
        position: relative;
        top: -54px;
    }

    #barrita1 {
        border-left: 1px solid #ccc;
        height: 72px;
        left: 3%;
        position: relative;
        top: -13px;
        width: 1px;
    }

    .itune {
        height: 31px;
        left: 3%;
        position: relative;
        top: 9%;
    }

    .line_vertical {
        border-left: 1px solid #ccc;
        height: 72px;
        left: 3%;
        position: relative;
        top: -13px;
        width: 1px;
    }

    .google {
        height: 31px;
        left: 3%;
        position: relative;
        top: 11%;
    }

    .precio {
        height: 31px;
        left: 4%;
        position: relative;
    }

.iconoServicios {
        border: 1px solid #ffffff;
        border-radius: 10px;
        /*box-shadow: 2px 2px 8px #cecece;*/
        /*cursor: pointer;*/
        display: block;
        left: 38%;
        position: relative;
    }

    .one-fourth {
        width: 46%;
    }

    .titulofixed {
        max-width: 100%;
    }

    /**********************PRECIOS***************************/
    /*.contenedor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1em;
    width: 768px;
}*/

    .contenedorp {
        display: flex;
        flex-flow: column wrap;
        height: 525px;
        justify-content: space-around;
        width: 100%;
    }

        .contenedorp .contenedor_item {
            height: 225px;
            left: 10%;
            width: 30%;
        }

    .contenedor_item .capadeltexto1 {
        position: absolute;
        top: 27px;
        width: 100%;
    }

    .contenedorp h4 {
        color: #eee;
        font-size: 333%;
        font-weight: 900;
        text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    }

    .capadeltexto1 h3 {
        color: #eee;
        font-size: 148%;
        font-weight: 700;
        position: relative;
        text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    }

    .degradado {
        background: linear-gradient(#fff, #4f96c2) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 114px;
        margin: 0;
        padding: 1em;
        width: 100%;
    }

    .capadeltexto2 {
        margin: 0;
        width: 100%;
    }

    .contenedorp h5 {
        color: #e66f36;
        font-size: 259%;
        font-weight: 900;
        left: -7%;
        position: relative;
        text-shadow: -2px -2px 1px #eee, 2px -2px 1px #eee, -2px 2px 1px #eee, 2px 2px 1px #eee;
        top: 30px;
    }

    .capadeltexto2 h3 {
        color: #e66f36;
        font-size: 140%;
        font-weight: 900;
        left: 0;
        position: relative;
        text-shadow: -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee;
    }


    .contenedor h5 {
        color: #e66f36;
        font-size: 283%;
        font-weight: 900;
        left: -5%;
        position: relative;
        text-shadow: -2px -2px 1px #eee, 2px -2px 1px #eee, -2px 2px 1px #eee, 2px 2px 1px #eee;
    }

    .contenedor h4 {
        color: #eee;
        font-size: 300%;
        font-weight: 900;
        position: relative;
        text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
    }

    .contenedor_item .textofx {
        color: black;
    }
    .btprecios img{
    width:25%;
    position:relative;
   left: 39%;
}
    /************************END PRECIOS*************************/

    /************************Contabilidad************************/
    .contenedorc {
        display: flex;
        flex-flow: column wrap;
        height: 525px;
        justify-content: space-around;
        width: 100%;
    }

        .contenedorc .contenedor_item {
            height: 225px;
            left: 10%;
            width: 30%;
        }
    /**********************END Contabilidad**********************/


    /************************ by Dario ************************/
    /*quick access bar*/
    /*.quickacces_bar{
		background:#ededed;
		border:none;
		margin-bottom:20px;
		padding:0;
		position:relative;
		}*/

    /*.quickacces_bar .inner{
		background:none; 
		padding:16px 0 12px 15px;
		}*/
    .quickacces_bar .inner {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        padding: 0;
    }

    .quickacces_bar a {
        color: #2b2e32;
        text-decoration: none;
    }

    .quickacces_bar .canjear_codigo {
        float: left;
        margin-right: 50px;
    }

        .quickacces_bar .canjear_codigo h2 {
            margin-top: 5px;
        }

        .quickacces_bar .canjear_codigo .tarjetones {
            margin-top: -80px;
            margin-left: 10px;
            float: right;
        }

    .quickacces_bar .itunesbadge {
        float: left;
        margin-left: 10px;
        margin-top: -5px;
        margin-right: 10px;
    }

    .quickacces_bar .googlebadge {
        float: left;
        margin-top: -3px;
        margin-left: 45px;
    }


    .banner h1 {
        color: #FFF;
        font-size: 18px;
        font-weight: bolder;
        line-height: 28px;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .banner2 span:not(.texto-enfasis1):not(.texto-enfasis2) {
        color: #FFF;
        display: block;
        margin: 10px 0;
        line-height: 18px;
        padding-left: 35px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAMAAABFjsb+AAABDlBMVEUAAAH///8AAAEAAAEAAAHidRQAAAEAAAEAAAGXTg4AAAEAAAEAAAEAAAEAAAEAAAFBIQYAAAEAAAEAAAEAAAEAAAEAAAEvGAUAAAEAAAHbcRMAAAEAAAEAAAEAAAEvGAXecxR8QAvWbxPIaBLcchOvWxDHZxLVbhOiVA/idRTidRSzXRDdchTYcBO+YhHgdBTidRTdchTWbxPidRTIaBLidRThdRThdRTSbRPacRPQbBPZcBPidRTidRTacRPZcBPidRTecxTaXADaXQDaXQHbXgHbXwPbYAPcYQTcYgXcYwXdZQfdZQjeaAreaQrfagzfbQ7gbg/gbw/gcBDhcRDhcRHhchLidRTkaxbwfjItXcA5AAAAQnRSTlMAAAECAwMEBQYGBwgJCgwNDg8QERIUGBgbHh4hIyYnKzE1OT1KUVJWWGN+gYeKmpqgpKW0uLu+wcLKztTV2+Pn7vVjo5WlAAAA3UlEQVQYlW3QfVMBURQG8HX22mXZhK2kEuWthCgvReQihaLEY7//F2ndu2PM6PnzN2fOmeconv0o/5qyH2ne29rry/3NriXbEHmIby0J/IyHo+kKDXKN6pjxTQZLlEkYpbHsc7528B3wS7vDJ+e2bTu4wBVtTK1gyteOOZNz5ISx4u7ctbQsfrncNwIOVWGhJ3zJuwtUg3KfmQG+PwZvkxVaJ4Yw8kXzHdmjmQpp0ljw6LL03Os+Fk4jhur20Ewrdp64ODsOBxi5fUkzDiKWFTZ9jLZ/IZXpuq4xEvQHv0srSAXHMrQAAAAASUVORK5CYII=') /*../images/bullet-orange.png*/ no-repeat 8px 0px;
        font-size: 14px;
        font-style: italic;
        font-weight: bold;
    }

    .header-wrapper .inner .logo,
    .header-wrapper .inner .phone,
    .header-wrapper .inner .distribuidor .header-wrapper .inner .menu {
        float: none;
        text-align: center;
    }

    .header-wrapper .inner .logo {
        margin-bottom: 10px;
    }

        .header-wrapper .inner .logo img {
            display: inline;
        }




    .header-wrapper .inner .phones img {
        display: inline;
    }

    .header-wrapper .inner .distribuidor img {
        display: inline;
    }

    .header-wrapper .inner .phones {
        margin-bottom: 10px;
    }

    .header-wrapper .inner .distribuidor {
        margin-bottom: 10px;
    }

    .header-wrapper {
        background: #26282b;
    }

        .header-wrapper .inner .menu {
            float: none;
            text-align: center;
        }

    .menu ul#tiny {
        display: none;
    }

    .selectnav {
        width: 440px;
        display: block;
    }

    /****************************************************/
    /*.menu ul li {
	    margin: 0 20px;
	}
	.menu ul ul {
	    text-align: left;
	}*/
    .items.col4 li {
        margin: 0 3px 3px 0;
        width: 238px;
    }

    .items li a div h5 {
        margin-top: 62px;
    }

    .items.col4.latest li {
        margin: 0 4px 4px 0;
        width: 177px;
    }

    .grid .post {
        width: 345px;
        margin-right: 30px;
    }

    .content {
        width: 490px;
    }

    .sidebar {
        width: 190px;
    }

    .share.alignright {
        float: left;
    }

    .content .related .post {
        width: 150px;
        margin: 0 20px 0 0;
    }

    .client-list .frame {
        width: 169px;
        margin-right: 14px;
        margin-bottom: 14px;
    }

    #portfolio .colored.alignleft {
        float: none;
        margin-bottom: 30px;
    }

    #portfolio .filter.alignright {
        float: none;
    }

    .forms fieldset .text-input-row,
    .comment-form div.name-field,
    .comment-form div.email-field,
    .comment-form div.website-field {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .tp-bullets {
        bottom: -40px !important;
    }

    .portfolio-content.two-col .details,
    .portfolio-content.two-col .image {
        width: 100%;
    }

    .portfolio-content.two-col .image {
        margin-bottom: 20px;
    }

    .small-bannercontainer,
    .small-banner {
        width: 720px;
    }

    h4.alignleft {
        float: none;
        width: 100%;
    }

    .box-layout {
        padding: 0;
    }

        .box-layout .body-wrapper {
            width: 100%;
        }
    .bannerBuenFin .bfRight h3, .bannerCFDInomina .bfRight h3{
        font-size: 200%;
    }
    /********************************************************************************/

    /*****************************/
    /*@media only screen and (max-width: 689px) {
.contenedor h4 {
    color: #eee;
    font-size: 259%;
    font-weight: 900;
    position: relative;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}
.capadeltexto1 h3 {
    color: #eee;
    font-size: 148%;
    font-weight: 700;
    position: relative;
    text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}
}*/
    /*******************************/

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
}
@media only screen and (max-width: 480px) { 
	.inner{
	    width: 100%;
	}
#barrita1 {
    border-left: 0 none;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.line_vertical {
    border-left: 0 none;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.barraq {
    border-right: 1px solid #eee;
    display: flex;
    flex-direction: column;
    height: 182px;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}
.canjear {
    left: 18px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -54px;
}
.canjear .codigo {
    left: 9%;
    position: relative;
    top: 59px;
}
.canjear img {
    left: 36%;
    position: relative;
    top: -32px;
    width: 43%;
}
/*.itune {
    height: 31px;
    left: 5%;
    position: relative;
    top: -53%;
}*/
.itune {
height: 31px;
left: 5%;
position: relative;
top: -12%;
}
/*.google {
    height: 31px;
    left: 58%;
    position: relative;
    top: -73%;
}*/
.google {
height: 31px;
left: 58%;
position: relative;
top: -23%;
}
/*.precio {
    height: 31px;
    left: 25%;
    position: relative;
    top: -66%;
}*/
.precio {
height: 31px;
left: 25%;
position: relative;
top: -11%;
}
/***************PRECIOS*************************/

.contenedorp {
    display: flex;
    flex-flow: column wrap;
    height: 81em;
    justify-content: space-between;
    width: 100%;
}
.contenedorp .contenedor_item {
   height: 275px;
    left: 10%;
    width: 78%;
}
.contenedor_item .capadeltexto1 {
    position: absolute;
    top: 27px;
    width: 100%;
}
.degradado {
  background: linear-gradient(#fff, #4f96c2) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 114px;
    margin: 0;
    padding: 1em;
    width: 100%;
}

.contenedorin {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}
.contenedorin .contenedor_item {
    align-self: center;
    margin-bottom: 15px;
    position: relative;
    width: 216px;
}
.btprecios img{
    width:50%;
    position:relative;
    left: 23%;
}
/***************END PRECIOS*************************/

/****************Contabilidad***********************/
.contenedorc {
    display: flex;
    flex-flow: column wrap;
    height: 81em;
    justify-content: space-between;
    width: 100%;
}
.contenedorc .contenedor_item {
    height: 275px;
    left: 10%;
    width: 78%;
}
.contenedorv {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1em;
    width: 100%;
}
.contenedor .contenedor_cont_elec {
    width:20%;
}
/**************END Contabilidad*********************/
.iconoServicios {
    border: 1px solid #ffffff;
    border-radius: 10px;
    /*box-shadow: 2px 2px 8px #cecece;*/
    /*cursor: pointer;*/
    display: block;
    left: 36%;
    position: relative;
}
	.banner, .bannercontainer {
	    width: 280px;
		height: 800px;
	}
	.header-wrapper .inner .logo {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}
	.header-wrapper .inner .logo img {
		display: inline;
	}
#tablaprecio {
    visibility:hidden;
}
.contenedor #tablaprecio {
    background: url(/style/images/grafica_precios.jpg) no-repeat;
}
	/************************ by Dario ***************************/
	.bannercontainer #Registro, .bannercontainer #divSplash{
		text-align:center;
		float:none;
		width:100%;
		/*background: url(../images/bg/bg-form.png) top center no-repeat;*/
		min-height:330px;
		padding:20px 20px 10px 20px !important;
		}

    .bannercontainer #Registro-asociados{
        font-size: 80%;
    }
	
	.bannercontainer #Registro h1{
		color:#FFF;
		font-size:16px;
		font-weight:bolder;
		letter-spacing:.5px;
		text-align:center;
		text-transform:normal;
		margin:0px 0 10px 0;
		}
		
	.bannercontainer #Registro input{
		display:inline;
		border:1px solid #2b2f34;
		padding:12px 20px;
		color:#999999;
		width:100%;
		font-size:14px;
		margin-bottom:12px;
		}
		
	.bannercontainer #Registro .cta{
		padding:0;
		border:none;
		margin:5px 0;
		}
		
	/*quick access bar*/
	/*.quickacces_bar{
		background:#ededed;
		border:none;
		margin-bottom:20px;
		padding:0;
		position:relative;
		}*/
    .quickacces_bar {
    background: none repeat scroll 0 0 #ededed;
    border: medium none;
    margin-bottom: 20px;
    padding: 0;
    position: relative;
    width: 100%;
}
	
	/*.quickacces_bar .inner{
		background:none; 
		padding:16px 0 12px 15px;
		}*/
.quickacces_bar .inner {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}
	.quickacces_bar a{
		color:#2b2e32;
		text-decoration:none;
		}
		
	.quickacces_bar .canjear_codigo{
		float:left;
		margin-right:0px;
		margin-bottom:20px;
	}
	
	.quickacces_bar .canjear_codigo h2{
		margin-top:5px;}
	
	.quickacces_bar .canjear_codigo .tarjetones{
		margin-top:-80px;
		margin-left:10px;
		float:right;
		}
		
	.quickacces_bar .itunesbadge{
		float:none;
		margin-top:-5px;
		margin-right:10px;
		margin-bottom:20px;
		display:inline;
		}
	
	.quickacces_bar .googlebadge{
		float:none;
		display:inline;
		margin-top:-3px;
		}
		
		
	.banner h1 {
        color: #FFF;
        font-size: 18px;
        font-weight: bolder;
        line-height: 28px;
        text-transform: uppercase;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .banner > a.mfp-video {
        display: none;
    }

    #social-icons {
        display: none;
    }
	
	.header-wrapper .inner .phones,
	.header-wrapper .inner .distribuidor {
		text-align: center;
		margin-bottom: 10px;
	}
	
	.header-wrapper {
    	background: #26282b;
	}
	

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


	.menu ul#tiny {
	    display: none
	}
	.selectnav {
	    display: block;
	}
	img.right,
	img.alignright,
	img.left,
	img.alignleft {
	    float: none;
	    margin: 0 0 20px 0;
	}
	.one-half,
	.one-third,
	.two-third,
	.three-fourth,
	.one-fourth,
	.one-fifth,
	.one-sixth {
	    margin: 0;
	    width: 100%;
	    margin-bottom: 20px;
	    float: none;
	}
    .one-fifth-image{
        display:inline;
    }

	.footer-wrapper .one-half,
	.footer-wrapper .one-third,
	.footer-wrapper .two-third,
	.footer-wrapper .three-fourth,
	.footer-wrapper .one-fourth,
	.footer-wrapper .one-fifth,
	.footer-wrapper .one-sixth {
	    margin-bottom: 40px
	}
	.footer-wrapper .last {
	    margin-bottom: 0
	}
	.items.col4 li {
	    width: 138px;
	}
	.items li a div h5 {
		margin-top: 34px;
		font-size: 10px;
		line-height: 18px;
	}
	.items li a div h5 span {
		display: none;
	}
	.grid .post {
		width: 278px;
		margin-right: 0;
		margin-bottom: 5px;
		float: none;
	}
	.grid {
		margin-bottom: -5px;
	}
	.grid .post .post-content p {
		display: none;
	}
	.content {
	    float: none;
	    width: 100%;
	}
	.sidebar {
	    background: none;
	    float: none;
	    width: 100%;
	}
	.sidebox:first-child {
	    margin-top: 0;
	    padding-top: 40px;
	}
	.share.alignright {
		float: left;
	}
	.content .related .post {
		width: 100%;
	    margin-right: 0;
	    float: none;
	}
	.subfooter-wrapper p {
		float: none;
		padding-bottom: 15px;
	}
	.social {
	    float: none;
	}
	.content .post .frame.alignleft {
		float: none;
	}
	.content .post .post-content {
		margin-left: 0;
		margin-top: 20px;
	}
	#comments .user {
	    display: none
	}
	#comments ul.children {
	    padding: 0 0 0 20px
	}
	.client-list .frame {
	    width: 133px;
	    margin-right: 12px;
	    margin-bottom: 12px;
	}
	.tab { 
		display: block;
		top: 0;
	}
	ul.retina-icons {
	    width: 110%;
	    margin-right: -4%;
	}
	ul.retina-icons li {
	    width: 44%;
	    margin-right: 4%;
	}
	#portfolio .colored.alignleft {
		float: none;
		margin-bottom: 30px;
	}
	#portfolio .filter.alignright {
		float: none;
	}
	.filter li a {
	    padding: 6px 17px 5px;
	}
	.content .post img {
		width: 100%;
	}
	.forms fieldset .text-input-row,
	.comment-form div.name-field,
	.comment-form div.email-field,
	.comment-form div.website-field {
	    width: 100%;
		float: none;
		margin-right: 0;
	    margin-bottom: 15px;
	}
	.tp-bullets {
	    bottom: -35px !important
	}
	.tparrows {
	    display: none;
	}
	.map iframe {
		height: 250px;
	}
	.portfolio-content.two-col .details,
	.portfolio-content.two-col .image {
		width: 100%;
	}
	.portfolio-content.two-col .image {
		margin-bottom: 20px;
	}
	.title.alignleft,
	.navigation.alignright {
		float: none;
		width: 100%;	
	}
	.navigation.alignright {
		margin-bottom: 9px;	
		overflow: hidden;
	}
	.portfolio-content .item {
		margin-bottom: 50px;
	}
	.small-bannercontainer,
	.small-banner {
    	width: 280px;
    }
    .box-layout {
	    padding: 0;
	}
	.box-layout .body-wrapper {
		width: 100%;
	}
} /* END Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */


  /*  Video Ver cómo funciona en banner*/
@media(min-width: 300px) {
    #videoModal {
        width: 200px;
        height: 100px;
    }
}
@media(min-width: 500px) {
    #videoModal {
        width: 350px;
        height: 180px;
    }
}
@media(min-width: 700px) {
    #videoModal {
        width: 450px;
        height: 250px;
    }
}
@media(min-width: 1042px) {
    #videoModal {
        width: 400px;
        height: 300px;
        margin-top: 5%;
        margin-bottom: 5%;
    }
}
@media(min-width: 1165px) {
    #videoModal {
        width: 500px;
        height: 300px;
    }
}

@media(max-width: 500px){
        .col_left {
        float: none;
        width: 100%;
    }
    .col_right {
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 2%;
    }
}

@media(max-width: 767px) {
    #registroModalComprar > #Registro, #registroModalComprar > #divSplash {
        padding-top: 170PX;
        width: 100%;
    }

    .cd-form {
        height: auto;
    }

    .is-visible {
        height: auto;
        top: 50px;
    }
    .is-visible .cd-pricing-invoice-plan-features{
        display: none;
    }
}
@media(min-width: 768px) {
    .haches {
        width: 55%;
    }
}
@media(max-width: 768px) {
    .haches {
        width: 100%;
    }
    .bannerBuenFin .bfRight, .bannerCFDInomina .bfRight{
        padding: 5%;
    }
}
@media(max-width: 400px) {
    .is-scrollable .registro span {
        font-size: 13px;
    }

    .is-scrollable .registro p {
        margin: 0px;
        padding-bottom: 0px;
    }

    .is-scrollable .registro input[type="image"] {
        padding: 0px;
        margin-bottom: 0px;
    }
    .md-content button{
        left: 87% !important;
        top: -35px;
    }
    .bannerBuenFin, .bannerCFDInomina{
        height: auto;
    }
    .bannerBuenFin .bfLeft, .bannerCFDInomina .bfLeft{
        width: 50%;
        height: 30%;
        float: none;
        margin-left: 25%;
    }
    .bannerBuenFin .bfRight, .bannerCFDInomina .bfRight{
        float: none;
        width: 100%;
    }
}