@media only screen and (max-width: 1700px) {
    .dark ul.main-nav {
        width: 96%;
    }

    .linexNav {
        width: 98%;
        margin-top: 35px;
    }

    .dark nav {
        height: inherit;
    }

    .dark ul.main-nav > li > a {
        padding: 0px 5px;
    }

    .contentInfoNav {
        width: 98%;
        text-align: center;
    }

    header {
        /*padding: 10px 0px 50px 0px;*/
    }

    #floatSlider {
        padding-top: 70px;
    }

    .contentInfoNav p {
        width: 100%;
        text-align: center;
    }

    .contentHeaderTop {
        width: 98%;
    }

    .flip-clock-wrapper ul {
        margin: 1px;
        width: 10.5%;
        height: 80px;
      }   

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 54px;
    }

    .flip-clock-divider .flip-clock-label {
        right: -66px;
    }

    .flip-clock-divider.minutes .flip-clock-label {
        right: -66px;
    }

    .flip-clock-divider.seconds .flip-clock-label {
        right: -66px;
    }

    .boxContactInfo {
        width: 32.5%;
    }

    .boxInfo {
        width: 50%;
    }

    .boxProduct {
        width: 19%;
        margin: 0.5%;
    }
}

@media only screen and (max-width: 1550px) {
    .col5 {
        width: 20%;
        margin:2%
    }

    .contentSite {
        width: 90%;
    }

    .rslides_container {
        width: 90%;
    }
}

@media only screen and (max-width: 1550px) {
    .col5 {
        width: 30%;
        margin:1%
    }
}

@media only screen and (max-width: 1300px) {
    .boxClock {
        padding: 0%;
        display: -webkit-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        display: -moz-flex;
        -moz-box-orient: horizontal;
        -moz-box-pack: center;
        -moz-box-align: center;
        display: flex;
        box-orient: horizontal;
        box-pack: center;
        box-align: center;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        align-self: center;
        align-content: center;
        align-items: center;
    }

    .titleBlog {
        width: 40%;
    }

    .titleBlog p {
        font-size: 20px;
    }

    .imgTitleBlog {
        width: 60%;
    }

    .imgTitleBlog img {
        width: 80%;
    }
}

@media only screen and (max-width: 1250px) {
    .searchHeader {
        width: 40%;
    }
/*
    .boxCatHome {
        width: 18%;
        height: 200px;
        margin: 1% 0 1% 0;
        transition: all 0.3s;
    }
    
    .imgCat {
        width: 100%;
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all 0.3s;
    }

    .boxCatHome h2 {
        font-size: 16px;
        margin: 15px 0 0 0;
        color: #B74137;
    }*/

    .contentProducts {
        width: 100%;
    }

    .contentFilter {
        width: 100%;
    }

    .colLeftQuienesSomos {
        display: none;
    }

    .colRightQuienesSomos {
        width: 100%;
    }
}

@media only screen and (max-width: 1140px) {
    .searchHeader input {
        width: 80%;
    }
    .dark ul.main-nav {
      width: 0px;
    }

    .col5 {
        width: 48%;
        margin:1%
    }

    .contentProducts {
        justify-content: center;
    }

    .boxProduct {
        width: 32%;
        margin: 0.5%;
    }

    .searchHeader {
        width: 35%;
    }

    .bgQuienesSomos {
        width: 100%;
        height: 420px;
        background-position: top left;
        background-size: cover;
        margin-top: 80px;
    }

    .nameHeader {
        padding: 5px 50px 0px 0px;
    }

    .titleBlog {
        width: 100%;
        margin-top: 20px;
    }

    .titleBlog br {
        display: none;
    }

    .titleBlog p {
        font-size: 18px;
        text-align: center;
    }

    .imgTitleBlog {
        width: 100%;
        text-align: center;
    }

    .imgTitleBlog img {
        width: 100%;
    }

    .contentTitleBlog {
        margin-top: 0px;
    }

    .contentImgGallery {
        width: 100%;
    }

    .contentDateGallery {
        width: 100%;
    }

    .boxNews {
        width: 48%;
        margin: 1%;
    }

    .form-row label {
        font-size: 14px !important;
    }
}

@media only screen and (max-device-width: 900px) {
	.txtComoComprar {
		width: 100%;
	}
	.contentFlechas p {
		font-size: 14px;
	}

	.contentFlechas br {
		display: none;
	}
	.flecha1 {
		width: 100%;
		height: 65px;
		z-index: 100;
	}
	.lado-derecha1:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #BEE1EA transparent transparent;
	}	

	.flecha2 {
		width: 100%;
		height: 65px;
		z-index: 90;
	}
	.lado-derecha2:after {
		display: none;
	}
	.lado-derecha2 {
		margin-left: 0px;
	}
	.lado-derecha2:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #19B4CA transparent transparent;
	}
	.flecha3 {
		width: 100%;
		height: 65px;
		z-index: 80;
	}
	.lado-derecha3:after {
		display: none;
	}
	.lado-derecha3 {
		margin-left: 0px;
	}
	.lado-derecha3:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #408EA5 transparent transparent;
	}
	.flecha4 {
		width: 100%;
		height: 65px;
		z-index: 70;
	}
	.lado-derecha4:after {
		display: none;
	}
	.lado-derecha4 {
		margin-left: 0px;
	}
	.lado-derecha4:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #E3E2E2 transparent transparent;
	}

	.flecha5 {
		width: 100%;
		height: 65px;
		z-index: 60;
	}
	.lado-derecha5:after {
		display: none;
	}
	.lado-derecha5 {
		margin-left: 0px;
	}
	.lado-derecha5:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #F9CF13 transparent transparent;
	}
	.flecha6 {
		width: 100%;
		height: 65px;
		z-index: 50;
	}
	.lado-derecha6:after {
		display: none;
	}
	.lado-derecha6 {
		margin-left: 0px;
	}
	.lado-derecha6:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #F9F9F9 transparent transparent;
	}
	.flecha7 {
		width: 100%;
		height: 65px;
		z-index: 40;
	}
	.lado-derecha7:after {
		display: none;
	}
	.lado-derecha7 {
		margin-left: 0px;
	}
	.lado-derecha7:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #EC343D transparent transparent;
	}

	.contentFlechas {
		margin-bottom: 40px;
	}

    .iconComoComprar {
        margin-left: 0px;
        margin-top: 25px;
    }
}

@media only screen and (max-width: 800px) {
    /*
    .slideDesktop {
        display: none;
    }

    .slideMobile {
        display: block;
    }*/

    .imgMarca {
        width: 30%;
        margin: 1%;
    }

    .contentProducts {
        justify-content: center;
    }

    .boxProduct {
        width: 44%;
        margin: 0.5%;
    }

    .imgProduct {
        width: 100%;
    }

    .inputCant {
        width: 100%;
        margin-left: 0;
    }

    .btnProducto {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .floatArt {
        width: 100%;
    }

    .article {
        margin-bottom: 20px;
    }

    .articleSel {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 820px) {
    .logo {
        width: 100%;
    }

    .bgHeader {
        background-size: 100% auto;
    }

    .searchHeader {
        width: 100%;
        justify-content: center;
    }

    .searchHeader input {
        width: 90%;
        margin: 10px 0px 10px 0px;
    }

    .searchHeader i {
        height: 40px;
        margin-bottom: 10px;
        padding: 1%;
    }

    .searchHeader form {
        justify-content: center;
    }

    .iconSearchFixed {
        margin-bottom: 10px !important;
    }

    .input-icon {
        /*
        top: 27%;
        left: 12px;*/
        display: none;
    }

    .account {
        position: absolute;
        left: 10px;
        top: 20px;
    }

    .contentSite {
        width: 98%;
    }

    .boxInfo {
        width: 100%;
    }

    .contentInfo {
        padding-right: 10%;
    }

    .col5 {
        padding-left: 2%;
    }

    .fixed {
        height: 100px;
    }

    .contentInfoNav p {
        padding-right: 0px;
    }

    .logo img {
        width: 30%;
    }

    .account {
        display: none;
    }

    .input-icon-search{
        margin-top: 15px;
        display: none;
    }

    .searchHeader input {
        height: 40px;
    }

    .form-row label {
        font-size: 16px !important;
    }
/*
    .boxCatHome {
        width: 48%;
        height: 200px;
        margin: 1%;
        transition: all 0.3s;
    }
    
    .imgCat {
        width: 100%;
        height: 150px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all 0.3s;
    }

    .boxCatHome h2 {
        font-size: 16px;
        margin: 15px 0 0 0;
        color: #B74137;
    }*/

    .nameHeader {
        padding: 5px 0px 0px 0px;
        justify-content: flex-start;
    }

    .rslides_container {
        min-height: auto;
        margin-top: 20px;
    }

    .contentNewsId h3 {
        margin-bottom: 10px;
        font-size: 24px;
    }

    .contentLoginForm .col2 {
        width: 100%;
    }

    .lineVertForm {
        width: 100%;
        height: 1px;
        margin: 25px 0px 25px 0px;
    }

    .btnFormReg {
        margin-top: 0px;
        margin-bottom: 25px;
    }

    .titleGral p {
        font-size: 16px;
    }

    .colFormContact {
        width: 100%;
    }

    .colInfoContact {
        width: 100%;
        margin-top: 50px;
    }

    .colInfoContact ul {
        width: 100%;
    }

    .slideGralDesktop {
        display: none;
    }
    
    .slideGralMobile {
        display: block;
        width: 100%;
    }

    .slideMobile {
        display: block;
    }

    .slideDesktop {
        display: none;
    }

    .contentForm {
        width: 90%;
    }

    .form-control {
        width: 100% !important;
    }

    .form-group {
        width: 100% !important;
    }

    .form-row {
        width: 100% !important;
    }
}

@media only screen and (max-width: 650px) {
    footer {
        height: auto;
    }

    .colLeftFooter {
        width: 100%;
        height: 80px;
    }

    .colMediumFooter {
        width: 100%;
        height: 80px;
    }

    .colRightFooter {
        width: 100%;
        height: 80px;
    }

    .searchHeader i {
        padding: 1.5% !important;
    }
}

@media only screen and (max-width: 510px) {
    .flexContent {
        justify-content: center;
    }

    .contentProducts {
        justify-content: center;
    }

    .boxProduct {
        width: 90%;
    }

    .imgMarca {
        width: 48%;
        margin: 1%;
    }

    .col5 {
        font-size: 16px;
        line-height: 20px;
    }

    .flexBetween {
        justify-content: center;
    }

    .bgQuienesSomos {
        margin-top: 20px;
    }

    .boxNews {
        width: 98%;
        margin: 1%;
    }

    .boxCatHome {
        width: 80%;
        height: 250px;
        margin: 1% 0 0 10%;
        transition: all 0.3s;
    }
    
    .imgCat {
        width: 100%;
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all 0.3s;
    }

    .boxCatHome h2 {
        font-size: 16px;
        margin: 15px 0 0 0;
        color: #B74137;
    }

    .inputRegForm {
        width: 100%;
    }

    .btnRegForm {
        margin-left: 0px;
    }

    .contentRegForm {
        margin-top: 25px;
    }

    .centerLogin {
        width: 90%;
    }

    .bgTitlesGral h3 {
        font-size: 24px;
    }

    .bgTitlesGral {
        height: 150px;
    }
}

@media only screen and (max-width: 510px) {
    .imgMarca {
        margin-bottom: 15px;
    }

    .imgMarca img {
        max-width: 150px;
    }

    .logo img {
        width: 50%;
    }

    .bgHeader {
        background-size: cover;
    }

    .colLeftQuienesSomos {
        width: 90%;
        margin-left: 5%;
    }
    
    .colRightQuienesSomos {
        width: 100%;
    }

    .imgDetailBig {
        width: 100%;
    }

    .contentImgDetail {
        width: 100%;
    }

    header {
        padding: 10px 0px 0px 0px;
    }

    .btnBack {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 345px) {
    .searchHeader input {
        width: 80%;
    }
}