/* For mobile devices: 320px-480px
    //For Tablets or iPad: 480px - 768px
    //For Laptop or small-size screen: 768px -1024px
   // For Desktop or large-size screen: 1024px -1200px
   // For Extra-large size device: 1200px and more
    */
    
    
@media only screen and (max-width: 480px)
{
.width-mobile-1{ width: 1% !important; margin-bottom: 10px;}
.width-mobile-2{ width: 2% !important; margin-bottom: 10px;}
.width-mobile-3{ width: 3% !important; margin-bottom: 10px;}
.width-mobile-4{ width: 4% !important; margin-bottom: 10px;}
.width-mobile-5{ width: 5% !important; margin-bottom: 10px;}
.width-mobile-6{ width: 6% !important; margin-bottom: 10px;}
.width-mobile-7{ width: 7% !important; margin-bottom: 10px;}
.width-mobile-8{ width: 8% !important; margin-bottom: 10px;}
.width-mobile-9{ width: 9% !important; margin-bottom: 10px;}
.width-mobile-10{ width: 10% !important; margin-bottom: 10px;}
.width-mobile-11{ width: 11% !important; margin-bottom: 10px;}
.width-mobile-12{ width: 12% !important; margin-bottom: 10px;}
.width-mobile-13{ width: 13% !important; margin-bottom: 10px;}
.width-mobile-14{ width: 14% !important; margin-bottom: 10px;}
.width-mobile-15{ width: 15% !important; margin-bottom: 10px;}
.width-mobile-16{ width: 16% !important; margin-bottom: 10px;}
.width-mobile-17{ width: 17% !important; margin-bottom: 10px;}
.width-mobile-18{ width: 18% !important; margin-bottom: 10px;}
.width-mobile-19{ width: 19% !important; margin-bottom: 10px;}
.width-mobile-20{ width: 20% !important; margin-bottom: 10px;}
.width-mobile-21{ width: 21% !important; margin-bottom: 10px;}
.width-mobile-22{ width: 22% !important; margin-bottom: 10px;}
.width-mobile-23{ width: 23% !important; margin-bottom: 10px;}
.width-mobile-24{ width: 24% !important; margin-bottom: 10px;}
.width-mobile-25{ width: 25% !important; margin-bottom: 10px;}
.width-mobile-26{ width: 26% !important; margin-bottom: 10px;}
.width-mobile-27{ width: 27% !important; margin-bottom: 10px;}
.width-mobile-28{ width: 28% !important; margin-bottom: 10px;}
.width-mobile-29{ width: 29% !important; margin-bottom: 10px;}
.width-mobile-30{ width: 30% !important; margin-bottom: 10px;}
.width-mobile-31{ width: 31% !important; margin-bottom: 10px;}
.width-mobile-32{ width: 32% !important; margin-bottom: 10px;}
.width-mobile-33{ width: 33% !important; margin-bottom: 10px;}
.width-mobile-34{ width: 34% !important; margin-bottom: 10px;}
.width-mobile-35{ width: 35% !important; margin-bottom: 10px;}
.width-mobile-36{ width: 36% !important; margin-bottom: 10px;}
.width-mobile-37{ width: 37% !important; margin-bottom: 10px;}
.width-mobile-38{ width: 38% !important; margin-bottom: 10px;}
.width-mobile-39{ width: 39% !important; margin-bottom: 10px;}
.width-mobile-40{ width: 40% !important; margin-bottom: 10px;}
.width-mobile-41{ width: 41% !important; margin-bottom: 10px;}
.width-mobile-42{ width: 42% !important; margin-bottom: 10px;}
.width-mobile-43{ width: 43% !important; margin-bottom: 10px;}
.width-mobile-44{ width: 44% !important; margin-bottom: 10px;}
.width-mobile-45{ width: 45% !important; margin-bottom: 10px;}
.width-mobile-46{ width: 46% !important; margin-bottom: 10px;}
.width-mobile-47{ width: 47% !important; margin-bottom: 10px;}
.width-mobile-48{ width: 48% !important; margin-bottom: 10px;}
.width-mobile-49{ width: 49% !important; margin-bottom: 10px;}
.width-mobile-50{ width: 50% !important; margin-bottom: 10px;}
.width-mobile-51{ width: 51% !important; margin-bottom: 10px;}
.width-mobile-52{ width: 52% !important; margin-bottom: 10px;}
.width-mobile-53{ width: 53% !important; margin-bottom: 10px;}
.width-mobile-54{ width: 54% !important; margin-bottom: 10px;}
.width-mobile-55{ width: 55% !important; margin-bottom: 10px;}
.width-mobile-56{ width: 56% !important; margin-bottom: 10px;}
.width-mobile-57{ width: 57% !important; margin-bottom: 10px;}
.width-mobile-58{ width: 58% !important; margin-bottom: 10px;}
.width-mobile-59{ width: 59% !important; margin-bottom: 10px;}
.width-mobile-60{ width: 60% !important; margin-bottom: 10px;}
.width-mobile-61{ width: 61% !important; margin-bottom: 10px;}
.width-mobile-62{ width: 62% !important; margin-bottom: 10px;}
.width-mobile-63{ width: 63% !important; margin-bottom: 10px;}
.width-mobile-64{ width: 64% !important; margin-bottom: 10px;}
.width-mobile-65{ width: 65% !important; margin-bottom: 10px;}
.width-mobile-66{ width: 66% !important; margin-bottom: 10px;}
.width-mobile-67{ width: 67% !important; margin-bottom: 10px;}
.width-mobile-68{ width: 68% !important; margin-bottom: 10px;}
.width-mobile-69{ width: 69% !important; margin-bottom: 10px;}
.width-mobile-70{ width: 70% !important; margin-bottom: 10px;}
.width-mobile-71{ width: 71% !important; margin-bottom: 10px;}
.width-mobile-72{ width: 72% !important; margin-bottom: 10px;}
.width-mobile-73{ width: 73% !important; margin-bottom: 10px;}
.width-mobile-74{ width: 74% !important; margin-bottom: 10px;}
.width-mobile-75{ width: 75% !important; margin-bottom: 10px;}
.width-mobile-76{ width: 76% !important; margin-bottom: 10px;}
.width-mobile-77{ width: 77% !important; margin-bottom: 10px;}
.width-mobile-78{ width: 78% !important; margin-bottom: 10px;}
.width-mobile-79{ width: 79% !important; margin-bottom: 10px;}
.width-mobile-80{ width: 80% !important; margin-bottom: 10px;}
.width-mobile-81{ width: 81% !important; margin-bottom: 10px;}
.width-mobile-82{ width: 82% !important; margin-bottom: 10px;}
.width-mobile-83{ width: 83% !important; margin-bottom: 10px;}
.width-mobile-84{ width: 84% !important; margin-bottom: 10px;}
.width-mobile-85{ width: 85% !important; margin-bottom: 10px;}
.width-mobile-86{ width: 86% !important; margin-bottom: 10px;}
.width-mobile-87{ width: 87% !important; margin-bottom: 10px;}
.width-mobile-88{ width: 88% !important; margin-bottom: 10px;}
.width-mobile-89{ width: 89% !important; margin-bottom: 10px;}
.width-mobile-90{ width: 90% !important; margin-bottom: 10px;}
.width-mobile-91{ width: 91% !important; margin-bottom: 10px;}
.width-mobile-92{ width: 92% !important; margin-bottom: 10px;}
.width-mobile-93{ width: 93% !important; margin-bottom: 10px;}
.width-mobile-94{ width: 94% !important; margin-bottom: 10px;}
.width-mobile-95{ width: 95% !important; margin-bottom: 10px;}
.width-mobile-96{ width: 96% !important; margin-bottom: 10px;}
.width-mobile-97{ width: 97% !important; margin-bottom: 10px;}
.width-mobile-98{ width: 98% !important; margin-bottom: 10px;}
.width-mobile-99{ width: 99% !important; margin-bottom: 10px;}
.width-mobile-100{ width: 100% !important; margin-bottom: 10px;}
}

@media only screen and (min-width:481px) and (max-width: 768px)
{
.width-tablets-1{ width: 1% !important; margin-bottom: 10px;}
.width-tablets-2{ width: 2% !important; margin-bottom: 10px;}
.width-tablets-3{ width: 3% !important; margin-bottom: 10px;}
.width-tablets-4{ width: 4% !important; margin-bottom: 10px;}
.width-tablets-5{ width: 5% !important; margin-bottom: 10px;}
.width-tablets-6{ width: 6% !important; margin-bottom: 10px;}
.width-tablets-7{ width: 7% !important; margin-bottom: 10px;}
.width-tablets-8{ width: 8% !important; margin-bottom: 10px;}
.width-tablets-9{ width: 9% !important; margin-bottom: 10px;}
.width-tablets-10{ width: 10% !important; margin-bottom: 10px;}
.width-tablets-11{ width: 11% !important; margin-bottom: 10px;}
.width-tablets-12{ width: 12% !important; margin-bottom: 10px;}
.width-tablets-13{ width: 13% !important; margin-bottom: 10px;}
.width-tablets-14{ width: 14% !important; margin-bottom: 10px;}
.width-tablets-15{ width: 15% !important; margin-bottom: 10px;}
.width-tablets-16{ width: 16% !important; margin-bottom: 10px;}
.width-tablets-17{ width: 17% !important; margin-bottom: 10px;}
.width-tablets-18{ width: 18% !important; margin-bottom: 10px;}
.width-tablets-19{ width: 19% !important; margin-bottom: 10px;}
.width-tablets-20{ width: 20% !important; margin-bottom: 10px;}
.width-tablets-21{ width: 21% !important; margin-bottom: 10px;}
.width-tablets-22{ width: 22% !important; margin-bottom: 10px;}
.width-tablets-23{ width: 23% !important; margin-bottom: 10px;}
.width-tablets-24{ width: 24% !important; margin-bottom: 10px;}
.width-tablets-25{ width: 25% !important; margin-bottom: 10px;}
.width-tablets-26{ width: 26% !important; margin-bottom: 10px;}
.width-tablets-27{ width: 27% !important; margin-bottom: 10px;}
.width-tablets-28{ width: 28% !important; margin-bottom: 10px;}
.width-tablets-29{ width: 29% !important; margin-bottom: 10px;}
.width-tablets-30{ width: 30% !important; margin-bottom: 10px;}
.width-tablets-31{ width: 31% !important; margin-bottom: 10px;}
.width-tablets-32{ width: 32% !important; margin-bottom: 10px;}
.width-tablets-33{ width: 33% !important; margin-bottom: 10px;}
.width-tablets-34{ width: 34% !important; margin-bottom: 10px;}
.width-tablets-35{ width: 35% !important; margin-bottom: 10px;}
.width-tablets-36{ width: 36% !important; margin-bottom: 10px;}
.width-tablets-37{ width: 37% !important; margin-bottom: 10px;}
.width-tablets-38{ width: 38% !important; margin-bottom: 10px;}
.width-tablets-39{ width: 39% !important; margin-bottom: 10px;}
.width-tablets-40{ width: 40% !important; margin-bottom: 10px;}
.width-tablets-41{ width: 41% !important; margin-bottom: 10px;}
.width-tablets-42{ width: 42% !important; margin-bottom: 10px;}
.width-tablets-43{ width: 43% !important; margin-bottom: 10px;}
.width-tablets-44{ width: 44% !important; margin-bottom: 10px;}
.width-tablets-45{ width: 45% !important; margin-bottom: 10px;}
.width-tablets-46{ width: 46% !important; margin-bottom: 10px;}
.width-tablets-47{ width: 47% !important; margin-bottom: 10px;}
.width-tablets-48{ width: 48% !important; margin-bottom: 10px;}
.width-tablets-49{ width: 49% !important; margin-bottom: 10px;}
.width-tablets-50{ width: 50% !important; margin-bottom: 10px;}
.width-tablets-51{ width: 51% !important; margin-bottom: 10px;}
.width-tablets-52{ width: 52% !important; margin-bottom: 10px;}
.width-tablets-53{ width: 53% !important; margin-bottom: 10px;}
.width-tablets-54{ width: 54% !important; margin-bottom: 10px;}
.width-tablets-55{ width: 55% !important; margin-bottom: 10px;}
.width-tablets-56{ width: 56% !important; margin-bottom: 10px;}
.width-tablets-57{ width: 57% !important; margin-bottom: 10px;}
.width-tablets-58{ width: 58% !important; margin-bottom: 10px;}
.width-tablets-59{ width: 59% !important; margin-bottom: 10px;}
.width-tablets-60{ width: 60% !important; margin-bottom: 10px;}
.width-tablets-61{ width: 61% !important; margin-bottom: 10px;}
.width-tablets-62{ width: 62% !important; margin-bottom: 10px;}
.width-tablets-63{ width: 63% !important; margin-bottom: 10px;}
.width-tablets-64{ width: 64% !important; margin-bottom: 10px;}
.width-tablets-65{ width: 65% !important; margin-bottom: 10px;}
.width-tablets-66{ width: 66% !important; margin-bottom: 10px;}
.width-tablets-67{ width: 67% !important; margin-bottom: 10px;}
.width-tablets-68{ width: 68% !important; margin-bottom: 10px;}
.width-tablets-69{ width: 69% !important; margin-bottom: 10px;}
.width-tablets-70{ width: 70% !important; margin-bottom: 10px;}
.width-tablets-71{ width: 71% !important; margin-bottom: 10px;}
.width-tablets-72{ width: 72% !important; margin-bottom: 10px;}
.width-tablets-73{ width: 73% !important; margin-bottom: 10px;}
.width-tablets-74{ width: 74% !important; margin-bottom: 10px;}
.width-tablets-75{ width: 75% !important; margin-bottom: 10px;}
.width-tablets-76{ width: 76% !important; margin-bottom: 10px;}
.width-tablets-77{ width: 77% !important; margin-bottom: 10px;}
.width-tablets-78{ width: 78% !important; margin-bottom: 10px;}
.width-tablets-79{ width: 79% !important; margin-bottom: 10px;}
.width-tablets-80{ width: 80% !important; margin-bottom: 10px;}
.width-tablets-81{ width: 81% !important; margin-bottom: 10px;}
.width-tablets-82{ width: 82% !important; margin-bottom: 10px;}
.width-tablets-83{ width: 83% !important; margin-bottom: 10px;}
.width-tablets-84{ width: 84% !important; margin-bottom: 10px;}
.width-tablets-85{ width: 85% !important; margin-bottom: 10px;}
.width-tablets-86{ width: 86% !important; margin-bottom: 10px;}
.width-tablets-87{ width: 87% !important; margin-bottom: 10px;}
.width-tablets-88{ width: 88% !important; margin-bottom: 10px;}
.width-tablets-89{ width: 89% !important; margin-bottom: 10px;}
.width-tablets-90{ width: 90% !important; margin-bottom: 10px;}
.width-tablets-91{ width: 91% !important; margin-bottom: 10px;}
.width-tablets-92{ width: 92% !important; margin-bottom: 10px;}
.width-tablets-93{ width: 93% !important; margin-bottom: 10px;}
.width-tablets-94{ width: 94% !important; margin-bottom: 10px;}
.width-tablets-95{ width: 95% !important; margin-bottom: 10px;}
.width-tablets-96{ width: 96% !important; margin-bottom: 10px;}
.width-tablets-97{ width: 97% !important; margin-bottom: 10px;}
.width-tablets-98{ width: 98% !important; margin-bottom: 10px;}
.width-tablets-99{ width: 99% !important; margin-bottom: 10px;}
.width-tablets-100{ width: 100% !important; margin-bottom: 10px;}
}

@media only screen and (min-width:769px) and (max-width: 1024px)
{
.width-laptop-1{ width: 1% !important; margin-bottom: 10px;}
.width-laptop-2{ width: 2% !important; margin-bottom: 10px;}
.width-laptop-3{ width: 3% !important; margin-bottom: 10px;}
.width-laptop-4{ width: 4% !important; margin-bottom: 10px;}
.width-laptop-5{ width: 5% !important; margin-bottom: 10px;}
.width-laptop-6{ width: 6% !important; margin-bottom: 10px;}
.width-laptop-7{ width: 7% !important; margin-bottom: 10px;}
.width-laptop-8{ width: 8% !important; margin-bottom: 10px;}
.width-laptop-9{ width: 9% !important; margin-bottom: 10px;}
.width-laptop-10{ width: 10% !important; margin-bottom: 10px;}
.width-laptop-11{ width: 11% !important; margin-bottom: 10px;}
.width-laptop-12{ width: 12% !important; margin-bottom: 10px;}
.width-laptop-13{ width: 13% !important; margin-bottom: 10px;}
.width-laptop-14{ width: 14% !important; margin-bottom: 10px;}
.width-laptop-15{ width: 15% !important; margin-bottom: 10px;}
.width-laptop-16{ width: 16% !important; margin-bottom: 10px;}
.width-laptop-17{ width: 17% !important; margin-bottom: 10px;}
.width-laptop-18{ width: 18% !important; margin-bottom: 10px;}
.width-laptop-19{ width: 19% !important; margin-bottom: 10px;}
.width-laptop-20{ width: 20% !important; margin-bottom: 10px;}
.width-laptop-21{ width: 21% !important; margin-bottom: 10px;}
.width-laptop-22{ width: 22% !important; margin-bottom: 10px;}
.width-laptop-23{ width: 23% !important; margin-bottom: 10px;}
.width-laptop-24{ width: 24% !important; margin-bottom: 10px;}
.width-laptop-25{ width: 25% !important; margin-bottom: 10px;}
.width-laptop-26{ width: 26% !important; margin-bottom: 10px;}
.width-laptop-27{ width: 27% !important; margin-bottom: 10px;}
.width-laptop-28{ width: 28% !important; margin-bottom: 10px;}
.width-laptop-29{ width: 29% !important; margin-bottom: 10px;}
.width-laptop-30{ width: 30% !important; margin-bottom: 10px;}
.width-laptop-31{ width: 31% !important; margin-bottom: 10px;}
.width-laptop-32{ width: 32% !important; margin-bottom: 10px;}
.width-laptop-33{ width: 33% !important; margin-bottom: 10px;}
.width-laptop-34{ width: 34% !important; margin-bottom: 10px;}
.width-laptop-35{ width: 35% !important; margin-bottom: 10px;}
.width-laptop-36{ width: 36% !important; margin-bottom: 10px;}
.width-laptop-37{ width: 37% !important; margin-bottom: 10px;}
.width-laptop-38{ width: 38% !important; margin-bottom: 10px;}
.width-laptop-39{ width: 39% !important; margin-bottom: 10px;}
.width-laptop-40{ width: 40% !important; margin-bottom: 10px;}
.width-laptop-41{ width: 41% !important; margin-bottom: 10px;}
.width-laptop-42{ width: 42% !important; margin-bottom: 10px;}
.width-laptop-43{ width: 43% !important; margin-bottom: 10px;}
.width-laptop-44{ width: 44% !important; margin-bottom: 10px;}
.width-laptop-45{ width: 45% !important; margin-bottom: 10px;}
.width-laptop-46{ width: 46% !important; margin-bottom: 10px;}
.width-laptop-47{ width: 47% !important; margin-bottom: 10px;}
.width-laptop-48{ width: 48% !important; margin-bottom: 10px;}
.width-laptop-49{ width: 49% !important; margin-bottom: 10px;}
.width-laptop-50{ width: 50% !important; margin-bottom: 10px;}
.width-laptop-51{ width: 51% !important; margin-bottom: 10px;}
.width-laptop-52{ width: 52% !important; margin-bottom: 10px;}
.width-laptop-53{ width: 53% !important; margin-bottom: 10px;}
.width-laptop-54{ width: 54% !important; margin-bottom: 10px;}
.width-laptop-55{ width: 55% !important; margin-bottom: 10px;}
.width-laptop-56{ width: 56% !important; margin-bottom: 10px;}
.width-laptop-57{ width: 57% !important; margin-bottom: 10px;}
.width-laptop-58{ width: 58% !important; margin-bottom: 10px;}
.width-laptop-59{ width: 59% !important; margin-bottom: 10px;}
.width-laptop-60{ width: 60% !important; margin-bottom: 10px;}
.width-laptop-61{ width: 61% !important; margin-bottom: 10px;}
.width-laptop-62{ width: 62% !important; margin-bottom: 10px;}
.width-laptop-63{ width: 63% !important; margin-bottom: 10px;}
.width-laptop-64{ width: 64% !important; margin-bottom: 10px;}
.width-laptop-65{ width: 65% !important; margin-bottom: 10px;}
.width-laptop-66{ width: 66% !important; margin-bottom: 10px;}
.width-laptop-67{ width: 67% !important; margin-bottom: 10px;}
.width-laptop-68{ width: 68% !important; margin-bottom: 10px;}
.width-laptop-69{ width: 69% !important; margin-bottom: 10px;}
.width-laptop-70{ width: 70% !important; margin-bottom: 10px;}
.width-laptop-71{ width: 71% !important; margin-bottom: 10px;}
.width-laptop-72{ width: 72% !important; margin-bottom: 10px;}
.width-laptop-73{ width: 73% !important; margin-bottom: 10px;}
.width-laptop-74{ width: 74% !important; margin-bottom: 10px;}
.width-laptop-75{ width: 75% !important; margin-bottom: 10px;}
.width-laptop-76{ width: 76% !important; margin-bottom: 10px;}
.width-laptop-77{ width: 77% !important; margin-bottom: 10px;}
.width-laptop-78{ width: 78% !important; margin-bottom: 10px;}
.width-laptop-79{ width: 79% !important; margin-bottom: 10px;}
.width-laptop-80{ width: 80% !important; margin-bottom: 10px;}
.width-laptop-81{ width: 81% !important; margin-bottom: 10px;}
.width-laptop-82{ width: 82% !important; margin-bottom: 10px;}
.width-laptop-83{ width: 83% !important; margin-bottom: 10px;}
.width-laptop-84{ width: 84% !important; margin-bottom: 10px;}
.width-laptop-85{ width: 85% !important; margin-bottom: 10px;}
.width-laptop-86{ width: 86% !important; margin-bottom: 10px;}
.width-laptop-87{ width: 87% !important; margin-bottom: 10px;}
.width-laptop-88{ width: 88% !important; margin-bottom: 10px;}
.width-laptop-89{ width: 89% !important; margin-bottom: 10px;}
.width-laptop-90{ width: 90% !important; margin-bottom: 10px;}
.width-laptop-91{ width: 91% !important; margin-bottom: 10px;}
.width-laptop-92{ width: 92% !important; margin-bottom: 10px;}
.width-laptop-93{ width: 93% !important; margin-bottom: 10px;}
.width-laptop-94{ width: 94% !important; margin-bottom: 10px;}
.width-laptop-95{ width: 95% !important; margin-bottom: 10px;}
.width-laptop-96{ width: 96% !important; margin-bottom: 10px;}
.width-laptop-97{ width: 97% !important; margin-bottom: 10px;}
.width-laptop-98{ width: 98% !important; margin-bottom: 10px;}
.width-laptop-99{ width: 99% !important; margin-bottom: 10px;}
.width-laptop-100{ width: 100% !important; margin-bottom: 10px;}
}
@media only screen and (min-width:1025px) and (max-width: 1200px)
{
.width-desktop-1{ width: 1% !important; margin-bottom: 10px;}
.width-desktop-2{ width: 2% !important; margin-bottom: 10px;}
.width-desktop-3{ width: 3% !important; margin-bottom: 10px;}
.width-desktop-4{ width: 4% !important; margin-bottom: 10px;}
.width-desktop-5{ width: 5% !important; margin-bottom: 10px;}
.width-desktop-6{ width: 6% !important; margin-bottom: 10px;}
.width-desktop-7{ width: 7% !important; margin-bottom: 10px;}
.width-desktop-8{ width: 8% !important; margin-bottom: 10px;}
.width-desktop-9{ width: 9% !important; margin-bottom: 10px;}
.width-desktop-10{ width: 10% !important; margin-bottom: 10px;}
.width-desktop-11{ width: 11% !important; margin-bottom: 10px;}
.width-desktop-12{ width: 12% !important; margin-bottom: 10px;}
.width-desktop-13{ width: 13% !important; margin-bottom: 10px;}
.width-desktop-14{ width: 14% !important; margin-bottom: 10px;}
.width-desktop-15{ width: 15% !important; margin-bottom: 10px;}
.width-desktop-16{ width: 16% !important; margin-bottom: 10px;}
.width-desktop-17{ width: 17% !important; margin-bottom: 10px;}
.width-desktop-18{ width: 18% !important; margin-bottom: 10px;}
.width-desktop-19{ width: 19% !important; margin-bottom: 10px;}
.width-desktop-20{ width: 20% !important; margin-bottom: 10px;}
.width-desktop-21{ width: 21% !important; margin-bottom: 10px;}
.width-desktop-22{ width: 22% !important; margin-bottom: 10px;}
.width-desktop-23{ width: 23% !important; margin-bottom: 10px;}
.width-desktop-24{ width: 24% !important; margin-bottom: 10px;}
.width-desktop-25{ width: 25% !important; margin-bottom: 10px;}
.width-desktop-26{ width: 26% !important; margin-bottom: 10px;}
.width-desktop-27{ width: 27% !important; margin-bottom: 10px;}
.width-desktop-28{ width: 28% !important; margin-bottom: 10px;}
.width-desktop-29{ width: 29% !important; margin-bottom: 10px;}
.width-desktop-30{ width: 30% !important; margin-bottom: 10px;}
.width-desktop-31{ width: 31% !important; margin-bottom: 10px;}
.width-desktop-32{ width: 32% !important; margin-bottom: 10px;}
.width-desktop-33{ width: 33% !important; margin-bottom: 10px;}
.width-desktop-34{ width: 34% !important; margin-bottom: 10px;}
.width-desktop-35{ width: 35% !important; margin-bottom: 10px;}
.width-desktop-36{ width: 36% !important; margin-bottom: 10px;}
.width-desktop-37{ width: 37% !important; margin-bottom: 10px;}
.width-desktop-38{ width: 38% !important; margin-bottom: 10px;}
.width-desktop-39{ width: 39% !important; margin-bottom: 10px;}
.width-desktop-40{ width: 40% !important; margin-bottom: 10px;}
.width-desktop-41{ width: 41% !important; margin-bottom: 10px;}
.width-desktop-42{ width: 42% !important; margin-bottom: 10px;}
.width-desktop-43{ width: 43% !important; margin-bottom: 10px;}
.width-desktop-44{ width: 44% !important; margin-bottom: 10px;}
.width-desktop-45{ width: 45% !important; margin-bottom: 10px;}
.width-desktop-46{ width: 46% !important; margin-bottom: 10px;}
.width-desktop-47{ width: 47% !important; margin-bottom: 10px;}
.width-desktop-48{ width: 48% !important; margin-bottom: 10px;}
.width-desktop-49{ width: 49% !important; margin-bottom: 10px;}
.width-desktop-50{ width: 50% !important; margin-bottom: 10px;}
.width-desktop-51{ width: 51% !important; margin-bottom: 10px;}
.width-desktop-52{ width: 52% !important; margin-bottom: 10px;}
.width-desktop-53{ width: 53% !important; margin-bottom: 10px;}
.width-desktop-54{ width: 54% !important; margin-bottom: 10px;}
.width-desktop-55{ width: 55% !important; margin-bottom: 10px;}
.width-desktop-56{ width: 56% !important; margin-bottom: 10px;}
.width-desktop-57{ width: 57% !important; margin-bottom: 10px;}
.width-desktop-58{ width: 58% !important; margin-bottom: 10px;}
.width-desktop-59{ width: 59% !important; margin-bottom: 10px;}
.width-desktop-60{ width: 60% !important; margin-bottom: 10px;}
.width-desktop-61{ width: 61% !important; margin-bottom: 10px;}
.width-desktop-62{ width: 62% !important; margin-bottom: 10px;}
.width-desktop-63{ width: 63% !important; margin-bottom: 10px;}
.width-desktop-64{ width: 64% !important; margin-bottom: 10px;}
.width-desktop-65{ width: 65% !important; margin-bottom: 10px;}
.width-desktop-66{ width: 66% !important; margin-bottom: 10px;}
.width-desktop-67{ width: 67% !important; margin-bottom: 10px;}
.width-desktop-68{ width: 68% !important; margin-bottom: 10px;}
.width-desktop-69{ width: 69% !important; margin-bottom: 10px;}
.width-desktop-70{ width: 70% !important; margin-bottom: 10px;}
.width-desktop-71{ width: 71% !important; margin-bottom: 10px;}
.width-desktop-72{ width: 72% !important; margin-bottom: 10px;}
.width-desktop-73{ width: 73% !important; margin-bottom: 10px;}
.width-desktop-74{ width: 74% !important; margin-bottom: 10px;}
.width-desktop-75{ width: 75% !important; margin-bottom: 10px;}
.width-desktop-76{ width: 76% !important; margin-bottom: 10px;}
.width-desktop-77{ width: 77% !important; margin-bottom: 10px;}
.width-desktop-78{ width: 78% !important; margin-bottom: 10px;}
.width-desktop-79{ width: 79% !important; margin-bottom: 10px;}
.width-desktop-80{ width: 80% !important; margin-bottom: 10px;}
.width-desktop-81{ width: 81% !important; margin-bottom: 10px;}
.width-desktop-82{ width: 82% !important; margin-bottom: 10px;}
.width-desktop-83{ width: 83% !important; margin-bottom: 10px;}
.width-desktop-84{ width: 84% !important; margin-bottom: 10px;}
.width-desktop-85{ width: 85% !important; margin-bottom: 10px;}
.width-desktop-86{ width: 86% !important; margin-bottom: 10px;}
.width-desktop-87{ width: 87% !important; margin-bottom: 10px;}
.width-desktop-88{ width: 88% !important; margin-bottom: 10px;}
.width-desktop-89{ width: 89% !important; margin-bottom: 10px;}
.width-desktop-90{ width: 90% !important; margin-bottom: 10px;}
.width-desktop-91{ width: 91% !important; margin-bottom: 10px;}
.width-desktop-92{ width: 92% !important; margin-bottom: 10px;}
.width-desktop-93{ width: 93% !important; margin-bottom: 10px;}
.width-desktop-94{ width: 94% !important; margin-bottom: 10px;}
.width-desktop-95{ width: 95% !important; margin-bottom: 10px;}
.width-desktop-96{ width: 96% !important; margin-bottom: 10px;}
.width-desktop-97{ width: 97% !important; margin-bottom: 10px;}
.width-desktop-98{ width: 98% !important; margin-bottom: 10px;}
.width-desktop-99{ width: 99% !important; margin-bottom: 10px;}
.width-desktop-100{ width: 100% !important; margin-bottom: 10px;  display: flex;}
}

@media only screen and (min-width:1201px)
{
.width-tv-1{ width: 1% !important; margin-bottom: 10px;}
.width-tv-2{ width: 2% !important; margin-bottom: 10px;}
.width-tv-3{ width: 3% !important; margin-bottom: 10px;}
.width-tv-4{ width: 4% !important; margin-bottom: 10px;}
.width-tv-5{ width: 5% !important; margin-bottom: 10px;}
.width-tv-6{ width: 6% !important; margin-bottom: 10px;}
.width-tv-7{ width: 7% !important; margin-bottom: 10px;}
.width-tv-8{ width: 8% !important; margin-bottom: 10px;}
.width-tv-9{ width: 9% !important; margin-bottom: 10px;}
.width-tv-10{ width: 10% !important; margin-bottom: 10px;}
.width-tv-11{ width: 11% !important; margin-bottom: 10px;}
.width-tv-12{ width: 12% !important; margin-bottom: 10px;}
.width-tv-13{ width: 13% !important; margin-bottom: 10px;}
.width-tv-14{ width: 14% !important; margin-bottom: 10px;}
.width-tv-15{ width: 15% !important; margin-bottom: 10px;}
.width-tv-16{ width: 16% !important; margin-bottom: 10px;}
.width-tv-17{ width: 17% !important; margin-bottom: 10px;}
.width-tv-18{ width: 18% !important; margin-bottom: 10px;}
.width-tv-19{ width: 19% !important; margin-bottom: 10px;}
.width-tv-20{ width: 20% !important; margin-bottom: 10px;}
.width-tv-21{ width: 21% !important; margin-bottom: 10px;}
.width-tv-22{ width: 22% !important; margin-bottom: 10px;}
.width-tv-23{ width: 23% !important; margin-bottom: 10px;}
.width-tv-24{ width: 24% !important; margin-bottom: 10px;}
.width-tv-25{ width: 25% !important; margin-bottom: 10px;}
.width-tv-26{ width: 26% !important; margin-bottom: 10px;}
.width-tv-27{ width: 27% !important; margin-bottom: 10px;}
.width-tv-28{ width: 28% !important; margin-bottom: 10px;}
.width-tv-29{ width: 29% !important; margin-bottom: 10px;}
.width-tv-30{ width: 30% !important; margin-bottom: 10px;}
.width-tv-31{ width: 31% !important; margin-bottom: 10px;}
.width-tv-32{ width: 32% !important; margin-bottom: 10px;}
.width-tv-33{ width: 33% !important; margin-bottom: 10px;}
.width-tv-34{ width: 34% !important; margin-bottom: 10px;}
.width-tv-35{ width: 35% !important; margin-bottom: 10px;}
.width-tv-36{ width: 36% !important; margin-bottom: 10px;}
.width-tv-37{ width: 37% !important; margin-bottom: 10px;}
.width-tv-38{ width: 38% !important; margin-bottom: 10px;}
.width-tv-39{ width: 39% !important; margin-bottom: 10px;}
.width-tv-40{ width: 40% !important; margin-bottom: 10px;}
.width-tv-41{ width: 41% !important; margin-bottom: 10px;}
.width-tv-42{ width: 42% !important; margin-bottom: 10px;}
.width-tv-43{ width: 43% !important; margin-bottom: 10px;}
.width-tv-44{ width: 44% !important; margin-bottom: 10px;}
.width-tv-45{ width: 45% !important; margin-bottom: 10px;}
.width-tv-46{ width: 46% !important; margin-bottom: 10px;}
.width-tv-47{ width: 47% !important; margin-bottom: 10px;}
.width-tv-48{ width: 48% !important; margin-bottom: 10px;}
.width-tv-49{ width: 49% !important; margin-bottom: 10px;}
.width-tv-50{ width: 50% !important; margin-bottom: 10px;}
.width-tv-51{ width: 51% !important; margin-bottom: 10px;}
.width-tv-52{ width: 52% !important; margin-bottom: 10px;}
.width-tv-53{ width: 53% !important; margin-bottom: 10px;}
.width-tv-54{ width: 54% !important; margin-bottom: 10px;}
.width-tv-55{ width: 55% !important; margin-bottom: 10px;}
.width-tv-56{ width: 56% !important; margin-bottom: 10px;}
.width-tv-57{ width: 57% !important; margin-bottom: 10px;}
.width-tv-58{ width: 58% !important; margin-bottom: 10px;}
.width-tv-59{ width: 59% !important; margin-bottom: 10px;}
.width-tv-60{ width: 60% !important; margin-bottom: 10px;}
.width-tv-61{ width: 61% !important; margin-bottom: 10px;}
.width-tv-62{ width: 62% !important; margin-bottom: 10px;}
.width-tv-63{ width: 63% !important; margin-bottom: 10px;}
.width-tv-64{ width: 64% !important; margin-bottom: 10px;}
.width-tv-65{ width: 65% !important; margin-bottom: 10px;}
.width-tv-66{ width: 66% !important; margin-bottom: 10px;}
.width-tv-67{ width: 67% !important; margin-bottom: 10px;}
.width-tv-68{ width: 68% !important; margin-bottom: 10px;}
.width-tv-69{ width: 69% !important; margin-bottom: 10px;}
.width-tv-70{ width: 70% !important; margin-bottom: 10px;}
.width-tv-71{ width: 71% !important; margin-bottom: 10px;}
.width-tv-72{ width: 72% !important; margin-bottom: 10px;}
.width-tv-73{ width: 73% !important; margin-bottom: 10px;}
.width-tv-74{ width: 74% !important; margin-bottom: 10px;}
.width-tv-75{ width: 75% !important; margin-bottom: 10px;}
.width-tv-76{ width: 76% !important; margin-bottom: 10px;}
.width-tv-77{ width: 77% !important; margin-bottom: 10px;}
.width-tv-78{ width: 78% !important; margin-bottom: 10px;}
.width-tv-79{ width: 79% !important; margin-bottom: 10px;}
.width-tv-80{ width: 80% !important; margin-bottom: 10px;}
.width-tv-81{ width: 81% !important; margin-bottom: 10px;}
.width-tv-82{ width: 82% !important; margin-bottom: 10px;}
.width-tv-83{ width: 83% !important; margin-bottom: 10px;}
.width-tv-84{ width: 84% !important; margin-bottom: 10px;}
.width-tv-85{ width: 85% !important; margin-bottom: 10px;}
.width-tv-86{ width: 86% !important; margin-bottom: 10px;}
.width-tv-87{ width: 87% !important; margin-bottom: 10px;}
.width-tv-88{ width: 88% !important; margin-bottom: 10px;}
.width-tv-89{ width: 89% !important; margin-bottom: 10px;}
.width-tv-90{ width: 90% !important; margin-bottom: 10px;}
.width-tv-91{ width: 91% !important; margin-bottom: 10px;}
.width-tv-92{ width: 92% !important; margin-bottom: 10px;}
.width-tv-93{ width: 93% !important; margin-bottom: 10px;}
.width-tv-94{ width: 94% !important; margin-bottom: 10px;}
.width-tv-95{ width: 95% !important; margin-bottom: 10px;}
.width-tv-96{ width: 96% !important; margin-bottom: 10px;}
.width-tv-97{ width: 97% !important; margin-bottom: 10px;}
.width-tv-98{ width: 98% !important; margin-bottom: 10px;}
.width-tv-99{ width: 99% !important; margin-bottom: 10px;}
.width-tv-100{ width: 100% !important; margin-bottom: 10px;  display: flex;}
}

.card{
    margin: 2px;
}