@media only screen and (max-width: 1080px) {
    .title-outer{max-width: 420px; margin-left: -210px}
    .typewriter-text-img{max-width: 250px}  
    .section{position: relative; z-index: 0;}
}

@media only screen and (max-width: 768px) {
    .toggle-paragraph p {max-height: 50px;}
    .toggleBtn{display: block}
    .toggle-paragraph-outer .content-inner{padding-bottom: 30px;position: relative;}
    .toggle-paragraph-outer .content-inner{padding-bottom: 30px; position: relative;}
    .read-more-stories{padding-top: 25px}
    .info-block h1{font-size: 18px;}
    .info-block{height: 50px;}
    .manorama-logo {max-width: 40px;}
    .desk {display: none;}
    .mob {display: block !important;}
    .content {max-width:100%;font-size: 14px; left: inherit}
    .content  p{max-width: 100%;width: 100%; font-size: 16px;}
    .show-content{justify-content:inherit;-webkit-box-orient:inherit ;    }
    .logo-block {padding: 10px  0 0 0}
    .content .story-content{font-size:14px !important; line-height: 1.2}
    .content .content-story{max-width: 100%;}
    .padding-slide-4{padding-bottom: 190.20833333333334% }
    .slide-4 .content{top: 5% !important;}
    /*    .slide-5 .content{top: 5% !important;}*/
    .slide-9 .content{top: 10% !important;}
    .slide-1 .content{top: 20%; opacity: 0}
    .padding-slide-5{padding-bottom: 225.41666666666669%  }
    .padding-slide-6{padding-bottom: 295.20833333333337% }
    .padding-slide-7{padding-bottom: 215.83333333333334% }
    .padding-slide-8{padding-bottom: 231.04166666666669%  }
    .padding-slide-9{padding-bottom: 239.58333333333334%}
    .padding-slide-10{padding-bottom: 302.2916666666667% }
    .content-inner-block{padding-bottom: 25px;position: relative;}
    .padding-slide-gallery{padding-bottom: 155.8423913043478% }
    .gallery{padding: 25px 0 0  0}
    .content-inner{padding: 10px; max-width: 100%;  position: relative}
    .content-inner:after{
        content: "";
        clear: both;
        display: table;
        position: absolute;
        bottom: -10px;
        left: 50px;
        width: 0; 
        height: 0; 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid rgba(0,0,0,0.4);
    }
    .title-outer{max-width: 350px; margin-left: -175px}
    .typewriter-text-img{max-width: 250px}  
    .footer{padding: 20px 0}
    .typewriter-text-img{padding-left: 0;}
    .hang-man{ position: absolute;width: 70%;top: 20.5%;left: 3%; z-index: 999; z-index: 9;}
    @keyframes leftRight {0%  { left: 3% }50%{transform: rotate(-5deg);  top: 20%;}100% { left: calc(100% - 20%); transform: rotate(-5deg) ;top:19%;} /* 100% minus box width */  
    }
    .section{position: relative; z-index: 0;}
    .show-content{position: absolute; top: 0; left: 0;}
    .content{opacity: 1; position: absolute; left: 0; top: 0;}
    .content-inner{margin:0; padding: 8px}
    .flood-date h1{font-size: 35px;}
    .story-ul li{margin-top: 5px;padding-top: 5px; }
    .story-ul li a{-webkit-box-align: flex-start !important ;-ms-flex-align:flex-start !important ; align-items: flex-start!important ; }
}
@media only screen and (max-width: 480px) {
    .news-block .story-ul li{width: 100%;padding: 0; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
    .news-block .story-ul li:last-child{border-bottom: 0; padding-bottom: 0}
    .footer .container{ padding: 0 15px;}
    .content-area h1{font-size: 35px;line-height: 1; margin-bottom: 10px;}

}
@media only screen and (max-width: 330px) {
    .title-outer{max-width:320px; margin-left: -160px} 
}