@charset "utf-8";
    @media only screen and (min-width:1020px) and (max-width:1120px) {
		.main { width:970px; }
		
	}
    @media only screen and (min-width:798px) and (max-width:1020px) {
		
		#menu ul li a { font-size:13px; padding:25px 10px; }
		.main { width:90%; }
		.top{ width:100% !important; }
		#menu{
			display:none;
		}
		#header {height: auto;}
		.topwrapper { height: auto;}
		.addhead{ display:none;	}
		.main .leftside{ width:100%; font-size:12px;}
		.main .leftside h1{ font-size:20px;}
		.blogImg img{ width:100%;}
		.blog .blogimg{ width:100%;}
		.blog span a img{ width:100%;}
		.container1{ width:100%;}
		.container{ width:100%;}
		.wrapper{width:100%;}
		.footer-links { display:none; }

	}
	@media only screen and (min-width:798px) and (max-width: 992px){
		.main { width:100%; }
		.top{ width:100% !important; height:auto;}
		.addhead{ display:none;	}
		.addblockbottom{display:none;}
		.addheadpostcenter{ display:none; }
		#header {height: auto;}
		.topwrapper { height: auto;}
		#menu{ display:none;}
		.main .leftside{ width:540px; font-size:12px;}
		.main .sidebar{ width:280px;}
		.main .leftside h1{ font-size:20px;}
		.blogImg img{ width:100%;}
		.blog .blogimg{ width:100%;}
		.blog span a img{ width:100%;}
		.container1{ width:100%;}
		.container{ width:100%;}
		.ftPostImg img { width: 100%;}
		.wrapper{width:100%;}
		.footer-links { display:none; }
		
		
	}
    @media only screen and (min-width: 480px) and (max-width: 797px) {
		
		.mobile-menu { display:block; }
		.addhead{ display:none;	}
		.addheadpostcenter{ display:none; }
		.addblockbottom{display:none;}
		#header {height: auto;}
		.topwrapper { height: auto;}
		#menu ul { display:none; }
		.main { width:100%; }
		.top{ width:100% !important; height:auto;}
		.logo { margin:0px;}
		.logo img { max-width:100px; margin-left:75px; }
		.header div div.navigation{ height:25px;}
		.header div div.navigation ul li a{ font-size:12px; padding:0 5px; line-height:19px;}
		#menu{
			display:none;
		}
		.main .leftside{ width:100%; font-size:12px;}
		.main .leftside h1{ font-size:20px;}
		.blogImg img{ width:100%;}
		.blog .blogimg{ width:100%;}
		.blog span a img{ width:100%;}
		.container1{ width:100%;}
		.container{ width:100%;}
		.wrapper{width:100%;}
		.featureblock {  grid-template-columns: auto;}
		.post3sec { grid-template-columns: auto;}
		.post4sec{ grid-template-columns: auto;}
		.footerblock {grid-template-columns: auto;}
		.wrappernew {grid-template-columns: auto;}
		.rowposts{grid-template-columns: auto;}
		.subcatexp{ flex-direction:column;}
		.ftPostImg img{width:100%;}
		.footer-links { display:none; }
	}
	@media only screen and (max-width: 479px) {
		.mobile-menu { display:block; }
		.addhead{ display:none;	}
		.addblockbottom{display:none;}
		.addheadpostcenter{ display:none; }
		#header {height: auto;}
		.topwrapper { height: auto;}
		#menu ul { display:none; }
		.main { width:100%}
		.top{ width:100%;height:auto;}
		#menu { display:none; }
		.logo { text-align: center; width: 100%; margin:0px; }
		.logo img { max-width:100px; margin-left:75px;  }
		.header div div.navigation{ height:25px;}
		.header div div.navigation ul li a{ font-size:12px; padding:0 5px; line-height:19px;}
		.main .leftside{ width:100%; font-size:12px;}
		.main .leftside h1{ font-size:18px;}
		.blogImg img{ width:100%;}
		.blog .blogimg{ width:100%;}
		.blog span a img{ width:100%;}
		.container1{ width:100%;}
		.container{ width:100%;}
		.wrapper{width:100%;}
		.featureblock {  grid-template-columns: auto;}
		.post3sec { grid-template-columns: auto;}
		.post4sec{ grid-template-columns: auto;}
		.rowposts{grid-template-columns: auto;}
		.footerblock {grid-template-columns: auto;}
		.wrappernew {grid-template-columns: auto;}
	    .subcatexp{ flex-direction:column;}
	    .ftPostImg img{width:100%;}
		
	}