body{
	margin:0;
	padding:0;
	background-color:#ebebeb;

}

.top
{
    margin-top:56px;
}
.mytext{
	
}
.my
{
    min-height: 400px; min-width:700px;position: relative;background-image: url('images/BG-image.png'); background-repeat: no-repeat;background-size:100% 100%; 
}

.my1
{
    opacity:0; width:100%; height:  100%; background-color: Transparent;position: absolute;top: 0px;
}

.text p
{
    color:#666; font-size: 12px; font-family: Nunito; text-align:center;width:78%; margin-left:9%;
}

.left
{
    padding-left:53px;
	padding-top:25px;
}
@media only screen and (max-width: 768px) {
   .my {
         min-height: 680px; 
         position: relative;
         background-image: url('images/BG-image.png');
         background-size:100% 100%; 
    }
.left
{
    padding-left:53px;
}
    
    .text p
{
    color:#666; font-size: 12px; font-family: Nunito; text-align:center;width:78%; margin-left:9%;
}



}

@media only screen and (max-width: 667px) {
   .my {
        
         position: relative;
         background-image: url('images/BG-image.png');
         background-size:100% 100%; 
    }
   .left
{
    padding-left:62px;
}
    .cards
{
    list-style: none;
    position: relative;
    margin-left: 150px; important;
    top: -68px;
}
    .text p
{
    color: white; font-size: 12px; font-family: Nunito; text-align:center;width:78%; margin-left:9%;
}



}








/*===responsive ends here========*/


.top
{
    margin-top:56px;
    margin-left:30px;
}

.left
{
    margin-left:30px;
}

.card-top
{
    margin-top:90px;
    margin-left:30px;
}

.text p
{
    color: #666; font-size: 13px; font-family: Nunito; text-align:justify;
}

.clear{
	clear:both;
	width:100%;
	height:0px;
}
#animated_text{
	width:100%;
	height:150px;
	margin:0 0 0 0;
	border:0px solid red;
}

#animated_text ul li{
	color:#EEE;
}
#animated_text ul li a{
	color:#080063;
	text-decoration:none;
}


#info
{
    position: relative;
}

.cards
{
    list-style: none;
    position: relative;
    left: 95px;
    top: -68px;
}
.cards > li
{
    top: 0px;
    left: 0px;
    position: absolute;
    transform-origin: 75px 100px;
    -ms-transform-origin: 75px 100px;
    -o-transform-origin: 75px 100px;
    -moz-transform-origin: 75px 100px;
    -webkit-transform-origin: 75px 100px;
    -webkit-transition: 0.50s;
    -moz-transition: 0.50s;
    -o-transition: 0.50s;
    transition: 0.50s;
}

.buttoncss
{
/*    background: #c6a577; 
    background: -moz-linear-gradient(top,  #c6a577 0%, #391604 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6a577), color-stop(100%,#391604));
    background: -webkit-linear-gradient(top,  #c6a577 0%,#391604 100%); 
    background: -o-linear-gradient(top,  #c6a577 0%,#391604 100%); 
    background: -ms-linear-gradient(top,  #c6a577 0%,#391604 100%); 
    background: linear-gradient(to bottom,  #c6a577 0%,#391604 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6a577', endColorstr='#391604',GradientType=0 );
	background: #842302; 
background: -moz-linear-gradient(top,  #842302 0%, #300000 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#842302), color-stop(100%,#300000)); 
background: -webkit-linear-gradient(top,  #842302 0%,#300000 100%);
background: -o-linear-gradient(top,  #842302 0%,#300000 100%); 
background: -ms-linear-gradient(top,  #842302 0%,#300000 100%);
background: linear-gradient(to bottom,  #842302 0%,#300000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#842302', endColorstr='#300000',GradientType=0 ); */
background: #ffb900; 
background: -moz-linear-gradient(top,  #ffb900 0%, #c98d00 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb900), color-stop(100%,#c98d00)); 
background: -webkit-linear-gradient(top,  #ffb900 0%,#c98d00 100%); 
background: -o-linear-gradient(top,  #ffb900 0%,#c98d00 100%); 
background: -ms-linear-gradient(top,  #ffb900 0%,#c98d00 100%);
background: linear-gradient(to bottom,  #ffb900 0%,#c98d00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb900', endColorstr='#c98d00',GradientType=0 ); 
padding:8px;
}

img
{
    border:0px;
}



@media only screen and (max-width: 568px) {
   .my {
         min-height: 695px;
         position: relative;
         background-image: url('images/BG-image.png');
         background-size:100% 100%; 
    }