/*   -----------    Mobile_index page    -----------   */
body
{
	

    background: rgba(255,186,161,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,186,161,1) 0%, rgba(255,186,161,1) 24%, rgba(233,99,96,1) 92%, rgba(233,99,96,1) 96%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,186,161,1)), color-stop(24%, rgba(255,186,161,1)), color-stop(92%, rgba(233,99,96,1)), color-stop(96%, rgba(233,99,96,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,186,161,1) 0%, rgba(255,186,161,1) 24%, rgba(233,99,96,1) 92%, rgba(233,99,96,1) 96%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,186,161,1) 0%, rgba(255,186,161,1) 24%, rgba(233,99,96,1) 92%, rgba(233,99,96,1) 96%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,186,161,1) 0%, rgba(255,186,161,1) 24%, rgba(233,99,96,1) 92%, rgba(233,99,96,1) 96%);
    background: radial-gradient(ellipse at center, rgba(255,186,161,1) 0%, rgba(255,186,161,1) 24%, rgba(233,99,96,1) 92%, rgba(233,99,96,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbaa1', endColorstr='#e96360', GradientType=1 );


	position: relative;
	height: 100%;
	width: 100%;
	background-attachment:fixed;
	/*background-position: center center; */


}

.mobile_menu
{
	margin: 20px 0px;
      /*  padding:20px; */
	/*background-color: rgba(0, 0, 0, 0.41); */
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	/*box-shadow: 0px 0px 6px #000; */
}

.mobile_tab
{
	text-align: center;

	margin: 10px 0px;
	padding: 5px;
}
.mobile_tab:first-child{overflow:visible;}

.mobile_tab a
{
     /* margin:5px; */
	display: block;

background: linear-gradient(to bottom, #F7F7F7 0%, #FEE6ED 100%) no-repeat scroll center top / 202px auto;
background: -moz-linear-gradient(to bottom, #F7F7F7 0%, #FEE6ED 100%) no-repeat scroll center top / 202px auto;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #F7F7F7), color-stop(100%, #FEE6ED));
background: -webkit-linear-gradient(top, #F7F7F7 0%, #FEE6ED 100%);
background: -o-linear-gradient(top, #F7F7F7 0%, #FEE6ED 100%);
background: -ms-linear-gradient(top, #F7F7F7 0%, #FEE6ED 100%);
background: linear-gradient(to bottom, #F7F7F7 0%, #FEE6ED 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#FEE6ED', GradientType=0 );

	height:200px;
	width:200px;
	margin:0 auto;
	/*background-color: rgba(254, 204, 1, 0.57); */
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	/*box-shadow: 0px 0px 6px #FDC100; */
	padding-bottom: 10px;
	transition: ease 1s;
/*	background-image:url('../images/responsive_images/pattern.png');*/
    background-position: center top;
    background-size:202px auto; /* 200px auto; */
    background-repeat: no-repeat;
    text-decoration: none;
    box-shadow:0px 0px 4px 3px #F3D0D9 inset, 0px 2px 3px 1px rgba(137, 137, 137, 0.4);
    -moz-box-shadow:0px 0px 4px 3px #F3D0D9 inset, 0px 2px 3px 1px rgba(137, 137, 137, 0.4);
    -webkit-box-shadow:0px 0px 4px 3px #F3D0D9 inset, 0px 2px 3px 1px rgba(137, 137, 137, 0.4);
}

.mobile_tab img
{
	width: 100px;
	height: 100px;
	padding: 5px;
	margin: 35px 0px;    
	/*background-color:#C8B04E; /*#E44585; */
	border-radius:50%;

background: #fedc1f; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #fedc1f 14%, #ea313b 51%, #08a9ec 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(14%,#fedc1f), color-stop(51%,#ea313b), color-stop(97%,#08a9ec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #fedc1f 14%,#ea313b 51%,#08a9ec 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #fedc1f 14%,#ea313b 51%,#08a9ec 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #fedc1f 14%,#ea313b 51%,#08a9ec 97%); /* IE10+ */
background: linear-gradient(135deg,  #fedc1f 14%,#ea313b 51%,#08a9ec 97%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedc1f', endColorstr='#08a9ec',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */




}

.mobile_tab span
{
	text-decoration: none;
    color: #2f2f2f;
    display: block;
    border-radius: 5px;
    font-size: 19px;
    font-weight: bold;
    margin: -35px auto 0px;
    padding: 15px 0px;
    transition: all .5s ease 0s;
    font-family: Philosopher;

}

.mobile_tab:hover a
{
	text-decoration: none;
}

.mobile_tab a:hover img
{
    background-color:#B17609; /*#000; */
/*	background-color: rgba(64, 39, 32, 0.66); */
	transition: ease 1s;
}

.mobile_tab a:hover span
{
	color: #000;
/*	background-color: #000; */
	transition: ease .5s;
}
.change_img{background-color:transparent !important ; box-shadow:0px 0px 0px rgba(0,0,0,0) !important}
@media screen and (min-width:450px) and (max-width:480px)
{
    .change_img img {
  
   
    width: 100% !important; 
    height: 100% !important; 
   }
}
@media screen and (min-width:320px) and (max-width:450px)
{
    .mobile_tab a 
    {
       height:100%;
       width:100%;
    }
    .mobile_tab img 
    {
       width: 70px;
    height: 70px;
    /* padding: 5px; */
    margin: 18px
    }
   .change_img img {
  
    width: 120px !important; 
    height: 120px !important; 

   }

}
@media screen and (max-width:380px)
{
    .change_img img { height: 250px !important;width:auto !important  }
    .mobile_tab a
    {
        width: 100%;
        height: 100%;}
        
    .mobile_tab span { 


        font-size: 12px !important;

        width: 100% !important;
        margin: -30px auto 0px;
        padding: 15px 0px;

}
    }