/*very tiny devices*/
.vtd{
  display: none;
}
/*very tiny devices*/
.loading-sm{
  width: 3em;
  height: 3em;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.loading-md{
  width: 15em;
  height: 8em;
  background-image: url(../images/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.box-color-cube{
  min-height: 40px;
  min-width: 40px;
  max-height: 40px;
  max-width: 40px;
}
.sp-gw-head{margin-top:-1em;}
.sp-prd-img{
  height: 100%; width: 100%; object-fit: contain;
}
.sp-prd-img-cover{
  height: 100%; width: 100%; object-fit: cover;
}

.sp-form-descr{
  font-size: 14px;
  font-weight: 400;
  color: #ff0055;
}
.sp-form-must{
  font-weight: bolder;
  color: #ff0000;
}
.sp-products-row{
  min-height: 18em;
  max-height: 18em;
  overflow: scroll;
  margin: 0 1em 0 0;
  border:2px dashed #ff0055;
}
/* .sp-products-row::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.sp-products-row::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
} */
.gw-mobile{display: none;}
.gw-not-mobile{display: block;}

.gw-form label{font-weight: 700;}
.gw-form input[type=text], .gw-form input[type=number],
.gw-form textarea {
  border: none;
  outline: none;
  border: none;
  width: 100%;
  height: 44px;
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: #eaeaea;
  border-radius: 4px;
  background-color: white;
  margin-bottom: 30px;
  padding-left: 10px;
}
.gw-form textarea {
  height: 234px;
  padding-top: 20px;
}
.gw-form button[type=submit] {
  width: 276px;
  border-radius: 4px;
  height: 84px;
  border: none;
  outline: none;
  background-color: #CD000F;
  cursor: pointer;
  font-weight: 500;
  line-height: 84px;
  font-size: 20px;
  color: #FFFFFF;
  transition: all .4s ease;
}
.gw-form button[type=submit]:hover {
  background-color: #273167;
}

/* upload */
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;

  /*make width and height 100% of wrapper both in the button and the inpuyfile itself*/
  height: 100%;
  width: 100%; 
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute; 
  left: 0;
  top: 0;
  opacity: 0;  

  /*make width and height 100% of wrapper both in the button and the inpuyfile itself*/
  height: 120%;
  width: 100%;
}
.gw-heading{
  color: #aa076b;
  font-size: 36px;
  font-weight: 400;
}
.gw-button-1{
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  border-color: #ffd6f3;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 15px 30px 0px rgba(233, 79, 202, 0.1);
  color: #aa076b;
  font-size: 16px;
  font-weight: 500;
  padding: 11px 38px;
  transition: all .4s ease;
}
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 640px){
.sp-gw-head{margin-top:3px;}
.gw-mobile{display: block;}
.gw-not-mobile{display: none;}
}


/*very tiny devices */
@media only screen 
and (min-device-width: 290px) 
and (max-device-width: 320px){
	.vtd{
		display: block;
	}
	.vtd-right-side-box{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 15px;
	  }

	  .vtd-right-side-box .header-btn {
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 1px;
		border-color: #ffd6f3;
		border-radius: 4px;
		background-color: white;
		box-shadow: 0px 15px 30px 0px rgba(233, 79, 202, 0.1);
		color: #aa076b;
		font-size: 16px;
		font-weight: 500;
		padding: 11px 38px;
		transition: all .4s ease;
	  }
}
/*very tiny devices*/