/*+++++++++++++++++++++++ normal +++++++++++++++++*/

@media screen and (min-width: 769px) {
	.post-bar{
		margin: 150px 0 50px 0;
	}

	.home{
		text-align: center;
		margin: 80px 0px;
		max-width: 2200px;
    	width: 100%;
	}

	.home .c-one-fourth{
		margin-left: 0px !important;
		width: 25% !important;
	}

	.item-holder img{
	}

	.m-t-catalogo{
		margin-top: 250px !important;
	}

	h2{
		text-align: center;
	}
	#purple.item-holder.no-bg.productcol2.detail-label {
    width: 100%!important;
    padding-left: 0px!important;
    margin-left: 5px!important;
	}
	.productcol4, .productcol3, .productcolO, .productcol2{
		margin-right: 5px !important;
	}

	figure.column.c-one-two.fontsize0{
		margin-left: 5px !important;
		width: 35%;
	}

	.pagenatine-1 {
	    width: 29%;
	    bottom: 161px;
    	right: 152px;
	}

	.slide-info {
	    width: 40% !important;
	    padding: 10px 20px;
	    bottom: 350px;
	    height: 90px;
	}

	.whatsapp {
		top: 5px; 
		z-index:101;
	}

}



/********************************************************(iPad - Portrait)*/
@media screen and (max-width: 768px) {


	article.column.c-three-fourth.stayconnect{
		margin-left: 0px;
	}


	section#catalog {
    margin-left: 0%!important;
	}


	.productcol4{
		margin-right: 5px;
	}

	figure.column.c-one-half{
		text-align: center;
	}

	figure.column.c-one-one div{
		text-align: center;
	}

	.newcollection{
		width: 80%;
		margin-bottom: 50px;
	}

	.stayconnect br{
		display: none;
	}

	.stayconnect h3{
		margin-top: 30px !important;
		margin-bottom: 10px !important;
	}

	.stayconnect a{
		margin-left: 15px;
	}

	figure.column.c-one-one.fontsize0{
		margin: 0 2px !important;
	}

	figure.column.c-one-one.fontsize0 div{
		width: 100%;
		margin-left: 3px;
		padding: 0;
	}

	figure.column.c-one-half{
		margin-left: 0px;
	}

	.m-t-title{
		margin-top: 50px;
	}




	.footer-mid-bg{
		padding-bottom:150px;
	}
	.inner-baner {
		max-height:100%;
		min-height:400px;
	}
	.contact-box{
		width:94% !important;
	}
	.slide-box ul li, .slide-box ul li img{
		height:427px !important;
	}
	.slide-box{
		height:350px;
	}
	#logo{
		float:none;
		margin:0 auto 12px;
	}
	#main-nav{
		position: relative;
		display: block;
		width: 100%;
		/*float:none;*/
		
	}
	#banner img {
	 	width:100%;
	}
	.mian-nav-list{
		display:block;
		border:0;
	}
	.container{
		width:520px;
	}

	.footermaincon {
	    line-height: 26px;
	}
	.grid .column{
		width:97%;
	}
	.footermaincon ul {
	    float: none;
	    padding: 0 0 10px;
	}
	#footer{
		text-align:center;
	}
	.blogbtn{
		margin-top:22px;
	}
	.grid-holder{
		overflow:visible;
	}
	.comm-btn{
		bottom:-70px;
	}
	.item-holder:hover .comm-btn{
		bottom:0;
	}
	#main-nav ul{
		margin-top: 1rem;
		/*display:none;*/
		font-size: 0;
	}
	#main-nav ul li {
		display: inline-block;
		width: 33.3333%;
		font-size: 1rem;
		    text-align: center;
	}
	.tbs{
		position:inherit;
		margin:0 0 10px;
		overflow:hidden;
		top:auto;
		right:auto;
	}
	.tbs li{
		border-bottom:1px solid #e5e5e5;
		margin-bottom:2px;
	}
	.slide-info{
		bottom:139px;
	}
	.difference{
		bottom: 60px;
	}
	.difference .box h3{
		font-size:16px;
	}
	.difference .box h3 span {
	    font-size: 18px;
	    font-weight: bold;
	}
	.pagenatine-1{
		width:29%;
		    bottom: 88px;
    right: 123px;
	}
	#prev2, #next2{
		bottom:-33px;
	}
	.difference .box{
		/*width:244px;*/
	}
	.slide-info .right,
	.slide-info .left p{
		display:none;
	}
	.add-cart{
		width:40%;
	}
	.product-tab{
		padding:0;
	}
	.product-tab .tbs{
		top:0;
	}
	.switcher-box {
		position:fixed;
		top:30px;
		right:30px;
		text-align:center;
	}

	.styleswitch {
		width:19.4%;
		height:10px;
		cursor:pointer;
		margin:0 2px 0 0;
		float:left;
	}
	ul.color_schemes li a{
		float:none;
		text-indent:-999px;
		height:20px !important;
		width:20px !important;
	}
	.switcher {
		left:-1000px !important;
	}
	.contact-icons li{
		width:95%;
	}

	#main-header{
		position: static;
	}

	#banner  {
	 	margin: -15px 0 0 0;
	}

	.curves{
		bottom: -90px;
	}

	.container h2{
		text-align: center;
	}

	.home .c-one-fourth{
		width: 100% !important;
	}

	.footer-mid-bg .curves{
		bottom: -30px;
	}

	.contact-box-bg{
		text-align: center;
	}

	.m-t-catalogo{
		margin-top: 50px !important;
	}

	.fixCata .productoyolo {
		width: 33.3%;
	}

	.productoyolo {
		width: 33%!important;
	}

	.slidebox {
		max-height: 450px!important;
	}

}





/************************************************************* 480 x 640 (small tablet) */
@media screen and (max-width: 640px) {


	figure.column.c-one-half{
		margin-left: 0px;
	}

	.m-t-catalogo .stand{
		margin-left: 0px;
	}

	.productcol3, .productcol4{
		margin-right: 5px;
	}
	

	.container {
    	width: 420px;
	}
	#prev2, #next2{
		bottom:-33px;
	}
	.pagenatine-1 {
	    right: 111px;
	    bottom: 75px;
	}
	.difference{
		width:42%;
	}
	ul.color_schemes li a{
		width:125px !important;
		height:20px !important;
		line-height:20px !important;
	}
	.switcher-box {
		position:fixed;
		top:30px;
		right:30px;
		text-align:center;
	}

	.styleswitch {
		width:19.4%;
		height:10px;
		cursor:pointer;
		margin:0 2px 0 0;
		float:left;
	}
	ul.color_schemes li a{
		float:none;
		text-indent:-999px;
		height:20px !important;
		width:20px !important;
	}
	.switcher {
		left:-1000px !important;
	}
	.slide-box ul li, .slide-box ul li img{
		height:377px !important;
	}
	.slide-box{
		height:300px;
	}

	.fixCata .productoyolo {
		width: 33.3%;
	}

	.productoyolo {
		width: 50%!important;
	}

	#s2 {
		max-height: 100%;
	}


	.slide-box {
		max-height: 350px!important;
	}

	.slide-box ul li, .slide-box ul li img {
		position: relative;
		height: auto!important;
		max-height: 300px;
		/*width: 115%!important;*/
		width: 100%;
	}


	section#banner {
		/*margin-bottom: 0!important;*/
	}

	#banner {
		margin-bottom: 0;
	}



	.curves-bg1 {
		background-size: 100% auto;
		background-position: top;
		bottom: 0;
		height: 80px;
	}

	.curves{
		bottom: -26px;
	}

	.slide-info {
		bottom: 49px;
	}

	.curves-bg2 {
		bottom: 0;

	}

	.curves-holder + .contact-box-bg {
		margin-top: 0;
	}
	.post-bar img {
    width: 100% !important;
}
}



/******************************************************** 320 x 480 (iPhone 6) */
@media screen and (max-width: 480px) {


	.productcol3, .productcol4{
		width: 100%;
	}

	.container {
	    width:320px;
	}
	.difference{
		display:none;
	}
	.grid .column{
		width: 100%;
	}
	#dropdown-menu { width: 100%; padding: 0px; text-align: center; float: none; }
	#responsive-nav { width: 100%; text-align: left; }
	.career-list li strong{
		width:35%;
	}
	.add-cart{
		width:50%;
	}
	.switcher-box {
		position:fixed;
		top:30px;
		right:30px;
		text-align:center;
	}

	.styleswitch {
		width:19.4%;
		height:10px;
		cursor:pointer;
		margin:0 2px 0 0;
		float:left;
	}
	ul.color_schemes li a{
		float:none;
		text-indent:-999px;
		height:20px !important;
		width:20px !important;
	}
	.switcher {
		left:-1000px !important;
	}
	.slide-box ul li, .slide-box ul li img {
	    /*height: 385px !important;*/
	}
	.slide-info{
		width:70%;
	}
	.pagenatine-1 {
	    bottom: 189px;
   		left: 0px;
	}
	.slide-box {
	    height: 470px;
	}
	.container h2, .footerbox h3{
		font-size:50px;
	}

	.slide-info .left h3 {
	    font-size: 35px;
	}
	.inner-baner{
		min-height:350px;
	}
	.inner-baner img{
		height:350px;
	}
	.comm-field{
		width:95%;
	}

	.curves{
		bottom: 5px;
	}

	.column p{
		text-align: center;
	}

	.column img{
		width: 94%;
		margin-left: -20px;
	}

	.footer-mid-bg .curves{
		bottom: 0px;
	}


	h3{
		text-align: center;
	}


	.stand{
		margin: 0px !important;
	}

	.grid .stand figure{
		margin: 0;
	}

	article.column.c-three-fourth.stayconnect, article.column.c-one-fourth, figure.column.c-one-half, article.column.c-fourth-full.team-main, figure.column.c-one-one.fontsize0 {
		margin-left: 0px !important;
	}

	.m-t-title{
		margin-top: 50px;
	}

	.sliderdedos{
		max-width: 350px;
	}

	.slide-box ul li, .slide-box ul li img {
	    height: 385px !important;
	}

}




/* **********************************************************240 x 320 (iphone 5) */
@media screen and (max-width: 320px) {
	.container {
	    width:240px;
	}
	.grid .column{
		width:93%;
		margin: auto ;
    	float: none ;
	}

	.column.c-one-one.fontsize0{
		margin: 0 !important;
		width: 100%;
	}
	.column img {
    width: 100%;
    margin-left: 0px;
	}
	.stayconnect{
		margin-bottom: 20px !important; 
	}	

	.m-t-title{
		margin-top: 50px;
	}

	.testimonials {
	    background:none;
	    margin: 20px 0 15px;
	    padding: 21px 0;
	}
	.career-list li strong{
		float:none;
		width:100%;
	}
	ul.color_schemes li a{
		width:50px !important;
		height:20px !important;
		line-height:20px !important;
	}
	.add-cart{
		width:70%;
	}
	.switcher-box {
		position:fixed;
		top:30px;
		right:0;
		text-align:center;
	}

	.styleswitch {
		width:19.4%;
		height:10px;
		cursor:pointer;
		margin:0 2px 0 0;
		float:left;
	}
	ul.color_schemes li a{
		float:none;
		text-indent:-999px;
		height:20px !important;
		width:20px !important;
	}
	.switcher {
		left:-1000px !important;
	}
	.container h2, .footerbox h3 {
	    font-size: 40px;
		line-height:40px;
	}
	.slide-info{
		display:none;
	}
	.pagenatine-1 {
	    bottom: 180px;
	    right: -21px;
	    z-index: 100;
	}
	.slide-box {
	    height: 506px;
	}
	.slide-box ul li, .slide-box ul li img {
	    height: 385px !important;
	}
	.footer-mid-bg{
		padding-bottom:200px;
	}

	.curves{
		bottom: 0px;
	}

	.pagenatine-1 {
    	bottom: 120px;
	}

	.owl-theme .owl-controls{
		margin: 10px 50px;
	}

	.newcollection{
		margin-bottom: 50px;
	}

	#nuestrosclientes{
		margin-top: 0;
	}


}








/*********************** MICRO PHONES **************************************/



@media screen and (max-width: 240px) {
	.container {
	    width:180px;
	}
	.grid .column{
		width:85%;
	}
	.switcher-box {
		position:fixed;
		top:30px;
		right:30px;
		text-align:center;
	}

	.styleswitch {
		width:19.4%;
		height:10px;
		cursor:pointer;
		margin:0 2px 0 0;
		float:left;
	}
	ul.color_schemes li a{
		float:none;
		text-indent:-999px;
		height:20px !important;
		width:20px !important;
	}
	.switcher {
		left:-1000px !important;
	}
}









/* FIXES */

/*phone*/
@media (max-width: 767px) {

	/*.container {
	    width:320px;
	}*/
	.slide-info{
		width: 40% !important;
		padding: 10px 20px;
		bottom: 165px;
	}

	.slide-info h3{
		margin: 0 !important;
		text-align: left;
	}


    .grid{
    	margin-left: -15px;
    	margin-right: -15px;
    }


    #nuestrosclientes{
    	text-align: center;
    }

    .conatctusul{
        margin-top: -30px;
    	margin-bottom: 20px;
    }

    .stayconnect{
    	margin-bottom: 30px;
    }

    .zoomWrapper{
    	height: 268px !important;
    }

    #logo{
    	width: 138px;
    }

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1200px) {

	.slide-box ul li img{
		margin-top: 135px;
	}

}

/*large screens*/
@media (min-width: 1201px) {

}