@media screen and (min-width: 414px) and (max-width: 736px) and (orientation:landscape){
html{
    -webkit-text-size-adjust:none;}

body{
    overflow-y: scroll !important;
    background:#FFFFFF; /* #f2f2f2 / #e8ebec / #ffe163, OLD GREEN COLOR #1E3B49 */
    border:none;
    padding:0px;
    margin:0px;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility;
    font-weight:normal;
    position:relative;}
    
.header1{
    display:none;}
    
.slider{
    display:none !important;}
    
.container{
    display:none}
    
.footer{
    display:none}
    
.cc-window{
    display:none !important}
    
.change_orientation{
    width:100%;
    height:100%;
    float:left;
    position:absolute;
    z-index:9900;
    display:block}
    
.change_orientation .box{
    width:auto;
    height:auto;
    float:left;
    position:relative;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);}
    
.change_orientation img{
    width:auto;
    height:calc(100% - 200px);
    float:left;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    transition:ease-out 250ms;
    -webkit-transition:ease-out 250ms;
    -moz-transition:ease-out 250ms;
    animation-name:button-pulsing;
    transition-timing-function:step-start;
    animation-duration:2000ms;
    animation-iteration-count:infinite}
    
.change_orientation .description{
    width:auto;
    height:auto;
    float:left;
    padding-left:15px;
    padding-right:15px;
    font-family:worksansbold;
    font-size:20px;
    line-height:25px;
    color:#333132;
    text-align:center;
    position:relative;
    left:50%;
    transform:translateX(-50%);
    margin-top:25px}
    
@keyframes button-pulsing{
    0% {transform:translateX(-50%) scale(1.0);opacity:1}
    50% {transform:translateX(-50%) scale(1.05);opacity:1}
    100% {transform:translateX(-50%) scale(1.0);opacity:1}}
    
}