.test-destktop a {color: transparent !important; font-size: 20px; background-color: transparent!important;}
.test-tab a {color: transparent !important; font-size: 18px; background-color: transparent !important;}
.test-mobile a {color: transparent !important; font-size: 16px; background-color: transparent !important;}

@media only screen
{ 
.test-destktop { padding-left: 8%; padding-top: 8%; text-align: center; width: 31%;}
.test1{ height: 60px; margin: 2% 10% 5% -18%;  width: 100%;}
.video1{ margin: -3% 10% 5% -17%; width: 100%;}
}
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  .test-mobile { padding-left: 8%; padding-top: 23.5%; width: 45%;}
.test3{  height: 42px; margin: 3% 10% 5% -18%; width: 100%;}
.video3{ height: 42px; margin: -1% 10% 5% -17%; width: 100%;}
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  .test-mobile { padding-left: 7%; padding-top: 24%; text-align: center; width: 45%;}
.test3{  height: 48px; margin: 2% 10% 5% -18%; width: 100%;}
.video3{ height: 48px; margin: -1% 10% 5% -17%; width: 100%;}
}
/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
   .test-mobile { padding-left: 7%; padding-top: 24%; text-align: center; width: 45%;}
.test3{  height: 48px; margin: 2% 10% 5% -18%; width: 100%;}
.video3{ height: 48px; margin: -1% 10% 5% -17%; width: 100%;}
}

@media screen and (min-device-width: 320px) {
  .test-mobile {  padding-left: 3%; padding-top: 22%; width: 45%;}
.test3{  height: 0;  margin: 1% 17% 0 0; padding: 11px;}
.video3{  height: 0;  margin: 1% 10% 5% -17%;  padding: 10px;  width: 100%;}
}
/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  .test-mobile {  padding-left: 3%; padding-top: 22%; width: 45%;}
.test3{  height: 0;  margin: 1% 17% 0 0; padding: 11px;}
.video3{  height: 0;  margin: 1% 10% 5% -17%;  padding: 10px;  width: 100%;}
}
@media screen and (min-device-width: 360px){
  .test-mobile {  padding-left: 3%; padding-top: 23%; width: 45%;}
.test3{  height: 0;  margin: 1% 17% 0 0; padding: 12px;}
.video3{  height: 0;  margin: 2% 10% 5% -17%;  padding: 12px;  width: 100%;}
}
@media screen and (min-device-width: 410px){
  .test-mobile {  padding-left: 3%; padding-top: 23%; width: 45%;}
.test3{  height: 0;  margin: 1% 17% 0 0; padding: 14px;}
.video3{  height: 0;  margin: 3% 10% 5% -17%;  padding: 14px;  width: 100%;}
}
@media screen and (min-device-width: 480px){
  .test-mobile {  padding-left: 3%; padding-top: 23%; width: 45%;}
.test3{  height: 0;  margin: 2% 16% 0 0; padding: 17px;}
.video3{  height: 0;  margin: 3% 10% 5% -17%;  padding: 17px;  width: 100%;}
}

@media screen and (min-device-width: 533px){
  .test-mobile {  padding-left: 3%; padding-top: 23%; width: 45%;}
.test3{  height: 0;  margin: 4% 16% 0 0; padding: 17px;}
.video3{  height: 0;  margin: 5% 10% 5% -17%;  padding: 17px;  width: 100%;}
}
@media screen and (min-device-width: 568px){
.test-mobile { padding-left: 8%; padding-top: 23.5%; width: 45%;}
.test3{  height: 42px; margin: 3% 10% 5% -18%; width: 100%;}
.video3{ height: 42px; margin: -1% 10% 5% -17%; width: 100%;}
}

@media screen and (min-device-width: 600px){
.test-mobile { padding-left: 8%; padding-top: 23.5%; width: 45%;}
.test3{  height: 42px; margin: 3% 10% 5% -18%; width: 100%;}
.video3{ height: 45px; margin: 1% 10% 5% -17%; width: 100%;}
}
@media screen and (min-device-width: 640px){
.test-mobile { padding-left: 8%; padding-top: 23.5%; width: 45%;}
.test3{  height: 42px; margin: 3% 10% 5% -18%; width: 100%;}
.video3{ height: 42px; margin: -1% 10% 5% -17%; width: 100%;}
}
@media screen and (min-device-width: 736px){
.test-mobile { padding-left: 8%; padding-top: 23.5%; width: 45%;}
.test3{  height: 57px; margin: 3% 10% 5% -18%; width: 100%;}
.video3{ height: 50px; margin: -1% 10% 5% -17%; width: 100%;}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
 .test-tab { padding-left: 53px; padding-top: 12%; width: 32%; }
.test2{  height: 35px; margin: 2% 10% 5% -18%; width: 100%;}
.video2{ height: 36px; margin: -1% 10% 5% -17%; width: 100%;}
}
@media only screen and (min-width: 64em) 
{
.test-destktop { padding-left: 9%; padding-top: 9%; width: 33%;}
.test1{ height: 50px; margin: -4% 9% 6% -18%;  width: 100%;}
.video1{ height: 45px; margin: -1% 10% 5% -17%; width: 100%;}
}
@media only screen and (min-width: 64.063em) {
.test-destktop { padding-left: 9%; padding-top: 9%; width: 33%;}
.test1{ height: 50px; margin: -4% 9% 6% -18%;  width: 100%;}
.video1{ height: 45px; margin: -1% 10% 5% -17%; width: 100%;}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
 .test-destktop { padding-left: 7%; padding-top: 11%; width: 31%;}
.test1{ height: 48px; margin: 3% 10% 5% -18%;  width: 100%;}
.video1{ margin: -1% 10% 5% -17%; width: 100%;}
}
@media screen and (min-width: 1124px){
 .test-destktop { padding-left: 8%; padding-top: 8%; text-align: center; width: 31%;}
.test1{ height: 60px; margin: 2% 10% 5% -18%;  width: 100%;}
.video1{ height: 60px; margin: -3% 10% 5% -17%; width: 100%;}
}

@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 768px) 
		and (orientation : portrait) {
	.carousel-video.reveal-modal, dialog{top:30% !important;}	 
}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */