@media screen and (max-width:1480px) {
.inner, .main-cont{width: 100%;padding: 0 20px;}

}
@media screen and (max-width:1310px) {

}
@media screen and (max-width:1170px) {
html, body{-webkit-overflow-scrolling: touch;}

}
@media screen and (max-width:780px) {
.lft-img, .ryt-dtls{width: 100%;}
{width: 100%;}
}

@media only screen and (max-height: 780px) {

}

@media screen and (max-width:760px) {

}
@media screen and (max-width:680px) {
header{padding: 10px 0;}
.inner, .main-cont{padding: 0 10px;}
.logo img,
header.scrolled .logo img{width: auto;height: 24px}
.smr{right: 10px;}
.smr a span{display: none;}
.feat-blog{margin: 48px -10px 0;}
.feat-arrow{width: 36px;height: 36px;margin-top: -18px;font-size: 22px;line-height: 36px;}
.feat-prev{left: 8px;}
.feat-next{right: 8px;}
img.desk{display: none}
img.mob{display: block}
.flt-dtls h3{font-size: 6vw;}
.ryt-dtls{padding: 20px 0;}
.ryt-dtls h3{font-size: 6vw;}
.ryt-dtls p, .post-dtls p{font-size: 4.2vw;line-height: 6.5vw;}
.load-more a{font-size: 5vw;}
.post-dtls{margin: 20px 10px;padding: 20px 0;}
.post-dtls h1{font-size: 6.5vw;}
.post-dtls .date{font-size: 3.5vw;}
.dettl{font-size: 7vw;}

}

@media screen and (max-width:330px) {

}