/*@-webkit-keyframes demo {
    0% {
        background-color: Yellow;
        opacity:1;
    }
    22% {
        background-color: Yellow;
    }
    77% {
        background-color: Red;
    }
    100% {
        background-color: #777;
    }
}

.demo {
    -webkit-animation-name: demo;
    -webkit-animation-duration: 900ms;
    -webkit-animation-iteration-count: 15;
    -webkit-animation-timing-function: ease-in-out;
} */

img.demo{border-radius:50%}
@-webkit-keyframes demo {
0% {background-color:#ffc655;box-shadow:0 0 0.5em 0.2em #E57B33;}
100% {background-color:#E57B33;box-shadow:0 0 0 0 #E57B33;}
}
.demo {
-webkit-animation-name: demo;
-webkit-animation-duration: 900ms;
-webkit-animation-iteration-count: 16; /*needs to be pair otherwise on the stop will look like----*/
-webkit-animation-timing-function: cubic-bezier(0,0.10,0.12,0.50,0.88,0.90,1);/*because may look smoother*/
-webkit-animation-direction: alternate;
}

/* if screen is smaller than this number, the code will trigger */

/*@viewport { width: auto; }
@media (max-width: 384px) {
@viewport { width: 384px; }
}*/

#bottomflexparent { 
 background: #2a60b2;
 padding-top: 2px;
 border: 1px solid #ffc655;
 border-width: 2px 0 0 0;
 margin-bottom: 10px;
 color: #ffc655;
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-conent: center;
 }

div.bottomflexContainer1 { text-align: left; }
div.bottomflexContainer2 { text-align: center; }
div.bottomflexContainer3 { text-align: right; }

.flex { 
 display: flex;
 flex-direction: row;
}


/* @media all and (max-width: 480px) { */
@media all and (max-width: 728px) {
div.tip { display: none !important; }
#toploginarea { display: none !important; }

div.newmobilemenu { display: block !important; }
img.menuimage1 { width: 570px; }
img.menuimage2 { width: 280px; }
#sweetmenu table { width: 570px !important; margin-left: 0 !important;  }

#top_rand { display: none !important; }
#tile2search { display: none !important; }
#latestBottom { display: none !important; }
#showMainNavi { display: none !important; }




#menutable { display: none !important; }


.flex { 
 display: flex;
 flex-direction: column;
}

#bottomflexparent { flex-direction: column; }

}

/* @media all and (max-width: 480px) { */
@media all and (max-width: 520px) {
img.menuimage1 { width: 380px; }
img.menuimage2 { width: 185px; }
#sweetmenu table { width: 380px !important; margin-left: 0 !important;  }


}

@media all and (max-width: 1280px) {
td.sidemenugo { display: none; }

}


/*@media all and (min-width: 1280px) {
	div.sitecontainer { width: 1000px; margin: 0 auto; }
}

@media all and (max-width: 1700px) {
	div.myboxleft { display: none !important; }
	div.myboxright { display: none !important; }
}
*/