/*
************************************************************************************************************************
---------------------------------------------------- MIXINS ------------------------------------------------------------
************************************************************************************************************************
 */
/* BACKGROUND GRADIENT */
/* BACKGROUND HORIZONTAL */
/* BACKGROUND RADIAL */
/* BORDER  */
/* BORDER RADIUS */
/* BOX SIZING */
/* COLUMNS */
/* DOUBLE BORDERS */
/* FLEX */
/* FLIP */
/* FONT FACE */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* ROTATE*/
/* TEXT SHADOW */
/* TRANSFORM  */
/* TRANSFORM STYLE */
/* TRIPLE BORDERS */
/* KEYFRAMES */
/* ANIMATION */
/*
************************************************************************************************************************
---------------------------------------------------End MIXINS ----------------------------------------------------------
************************************************************************************************************************
*/
/*-------------------------------------------------------------------------------------------------*/
/*---------------------------------------- MEDIA SCREENS ------------------------------------------*/
/*-------------------------------------------------------------------------------------------------*/
/*------------------2560px---------------------*/
/*------------------1999px---------------------*/
/*------------------1920px---------------------*/
/*------------------1900px---------------------*/
/*------------------1863px---------------------*/
/*------------------1790px---------------------*/
@media screen and (max-width: 1790px) {
  }

/*------------------1730px---------------------*/
@media screen and (max-width: 1730px) {
 }

/*------------------1654px---------------------*/
@media screen and (max-width: 1654px) {
   }

/*------------------1610px---------------------*/
/*------------------1600px---------------------*/
@media screen and (max-width: 1600px) {
  }

/*------------------1558px--------------------*/
@media screen and (max-width: 1558px) {
  }

/*------------------1550px---------------------*/
@media screen and (max-width: 1550px) {
   }

/*------------------1440px---------------------*/
@media screen and (max-width: 1440px) {
	.product .product-image-slider .item img {
    width: 824px;
    height: 600px;
}
  }

/*-------------------1366px---768--------------*/
@media screen and (max-width: 1366px) {
	.product .product-image-slider .item img {
		width: 45%;
		height: auto;
	}
   }

/*-------------------1335px--------------------*/
@media screen and (max-width: 1335px) {
   }

/*-------------------1320px--------------------*/
/*-------------------1280px--------------------*/
@media screen and (max-width: 1280px) {
   }

/*------------------1262px---------------------*/
@media screen and (max-width: 1262px) {
   }

/*------------------1227px---------------------*/
@media screen and (max-width: 1227px) {
  }

/*------------------1200px---------------------*/
/*------------------1199px---------------------*/
@media screen and (max-width: 1199px) {
	.product .products-photo {
		width: 56.5%;
	}
	.products-content {
		width: 43%;
		padding-left: 0px;
	}
	.product .products-photo .thumbnails {
    width: 20%;
	}
	.product .products-photo .main-picture {
		width: 66%;
		margin-left: 3%;
	}
	.product .products-photo .main-picture img {
		width: 100%;
		height: auto;
	}
	.product-button {
		margin-top: 20px;
	}
}

/*------------------1174px---------------------*/
@media screen and (max-width: 1174px) {
   }

/*------------------1099px---------------------*/
@media screen and (max-width: 1099px) {
   }

/*------------------1080px---------------------*/
@media screen and (max-width: 1080px) {
   }

/*------------------1054px---------------------*/
@media screen and (max-width: 1054px) {
   }

/*------------------1024px---------------------*/
@media screen and (max-width: 1024px) {
   }

/*------------------991px---------------------*/
@media screen and (max-width: 991px) {
	.products-photo{
		display: none;
	}
	.products-content {
		width: 100%;
		padding-left: 0;
	}
	.products-photo-mobile{
		display: block;
		width: 100%;
		margin-top: 50px;
		float: left;
	}
	.products-photo-mobile .thumbnails-mobile{
		width: 23%; float: left;
	}
	.products-photo-mobile .thumbnails-mobile .thumbnail-img-mobile{
		width: 100%;
	    margin-bottom: 13px;
	    cursor: pointer;
	}
	.products-photo-mobile .thumbnails-mobile .thumbnail-img-mobile img{
		width: 150px;
		height: 150px;
	}
	
	.products-photo-mobile .main-picture-mobile{
	  width: 72%;
	  float: left;
	  position: relative;
	  margin-left: 3%;
	  cursor: pointer;
	}
	.products-photo-mobile .main-picture-mobile img{
		width: 100%;
		height: auto;
	}
	.products-photo-mobile .main-picture-mobile .zoom-btn{
	  position: absolute;
	  right: 5px;
	  top: 5px;
	  color: #fff;
	  background: #f06291;
	  width: 35px;
	  height: 35px;
	  text-align: center;
	  padding-top: 7px;
	  cursor: pointer;
	}
	
  }

/*----------------900px------------------*/
@media screen and (max-width: 900px) {
  }

/*----------------854px------------------*/
@media screen and (max-width: 854px) {
  }

/*----------------768px------------------*/
@media screen and (max-width: 768px) {
	.product .product-image-slider .btn-popup-close {
    right: 20px;
    top: 20px;
	}
	.owl-theme .owl-nav {
		
	}
  .product .product-image-slider .item {
    width: 84%;
    margin-left: 8%;
	}
	.product .product-image-slider .item img {
		width: 100%;
		margin-left: 0%;
	}
  
}

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

/*----------------757px------------------*/
@media screen and (max-width: 766px) {
	.products-photo-mobile .thumbnails-mobile {
		display: none;
	}
	.products-photo-mobile .main-picture-mobile {
    width: 100%;
    margin-left: 0%;
}
   }

/*----------------740px------------------*/
@media screen and (max-width: 740px) {
   }

/*----------------688px------------------*/
@media screen and (max-width: 688px) {
   }

/*----------------667px iPhone 6 ------------------*/
/*----------------667px------------------*/
@media screen and (max-width: 667px) {
   }

/*----------------654px------------------*/
@media screen and (max-width: 654px) {
   }

/*----------------640px------------------*/
/*----------------640px------------------*/
@media screen and (max-width: 640px) {
   }

/*----------------623px------------------*/
@media screen and (max-width: 623px) {
   }

/*----------------600px ------------------*/
@media screen and (max-width: 600px) {
	.product .product-image-slider .item {
    width: 100%;
    margin-left: 0%;
}
   }

/*----------------568px------------------*/
@media screen and (max-width: 568px) {
   }

/*----------------553px------------------*/
@media screen and (max-width: 553px) {
   }

/*----------------541px------------------*/
@media screen and (max-width: 541px) {
   }

/*----------------530px------------------*/
@media screen and (max-width: 530px) {
   }

/*----------------524px------------------*/
@media screen and (max-width: 524px) {
  }

/*----------------510px------------------*/
@media screen and (max-width: 510px) {
  }

/*----------------480px------------------*/
@media screen and (max-width: 480px) {
	
   }

/*----------------476px------------------*/
@media screen and (max-width: 476px) {
   }

/*----------------462px------------------*/
@media screen and (max-width: 462px) {
   }

/*----------------440px------------------*/
@media screen and (max-width: 440px) {
  }

/*----------------428px------------------*/
@media screen and (max-width: 428px) {
  }

/*----------------414px 736px ------------------*/
/*----------------414px------------------*/
@media screen and (max-width: 414px) {
  }

/*----------------412px------------------*/
@media screen and (max-width: 412px) {
   }

/*----------------406px------------------*/
@media screen and (max-width: 406px) {
   }

/*----------------392px------------------*/
@media screen and (max-width: 392px) {
   }

/*---------------- 384px -----------------*/
@media screen and (max-width: 384px) {
   }

/*----------------375px------------------*/
@media screen and (max-width: 375px) {
 }

/*----------------360px------------------*/
@media screen and (max-width: 360px) {
  }

/*----------------320px------------------*/
@media screen and (max-width: 320px) {
  
  }