.mobileShow {
  display: none;
}

.mobileShow {
    width: 100%;
    background: green;
}
.mobileShow a{color:#fff;}

/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .mobileShow {
    display: block;
    width: 51%;
    position: fixed;
    bottom: 0;
    left: 49%;
    margin: 0 0 0 -20%;
  }
}

.sk-container
{
  display: block;
   width: 100%;
   float: left;
   border: solid 1px blue;
   height: 175px;
   margin-left: 1%;
   margin-right: 0%;
   padding-bottom:10px;
}

.sk-main1
{
  display: block;
   width: 46%;
   float: left;
   border: solid 1px black;
   height: 175px;
   margin-left: 1%;
   margin-right: 0%;
   padding-bottom:10px;
}


.sk-main1left
{
  display: block;
   width: 46%;
   float: left;
   border: solid 0px black;
   height: 175px;
   margin-left: 0%;
   margin-right: 1%;
}

.sk-main1right
{
  display: block;
   width: 46%;
   float: right;
   border: solid 0px black;
   height: 175px;
   margin-left: 0%;
   margin-right: 1%;
}

.sk-box1
{
  display: block;
   width: 30%;
   float: left;
   border: solid 1px red;
   margin-left: 0%;
}

.sk-box2
{
  display: block;
   width: 30%;
   float: left;
   border: solid 1px red;
   margin-left: 0%;
}

.sk-box3
{
  display: block;
   width: 30%;
   float: left;
   border: solid 1px red;
   margin-left: 0%;
}



.sk-main2
{
  display: block;
   width: 49%;
   float: left;
   border: solid 1px black;
   height: 170px;
   margin-left: 1%;
   
}

/* horizintal scrolling text merquee start */

.example1 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.example1 h3 {
 font-size: 3em;
 color: limegreen;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: example1 15s linear infinite;
 -webkit-animation: example1 15s linear infinite;
 animation: example1 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes example1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes example1 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

/* horizintal scrolling text merquee end */

/* WhatsApp Button at bottom code Start */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
/* WhatsApp Button at bottom code End */