@media only screen and (min-width:992px) and (max-width:1180px) {

}
@media only screen and (min-width:992px) and (max-width:1024px) {
	.header .headerinner{
		padding: 20px;
	}
	.home-page-main .sitecontainer{
		padding: 30px;
	}
	.home-page-main .left .blog-main .blog-main-inner{
		grid-template-columns: 30% 30% 28%;
	}
	.summerydetails .sitecontainer{
		gap: 50px;
	}
	.trandingsummery .sitecontainer{
		gap: 50px;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.header .headerinner{
		padding: 20px;
	}
	.home-page-main .sitecontainer{
		padding: 30px;
	}
	.home-page-main .left h1{
		font-size: 30px;
		line-height: 35px;
	}
	.right .widget .postitems .item h3{
		font-size: 18px;
	}
	.home-page-main .blog-main-inner .blog-titel h2{
		font-size: 18px;
		line-height: 20px;
	}
	.home-page-main .blog-main-inner .blog-description p{
		font-size: 15px;
		line-height: 18px;
	}
	.home-page-main .left .blog-main .blog-main-inner{
		grid-template-columns: 30% 30% 28%;
	}
	.right .widget .sponsoritems .item .titleimg img{
		max-width: 70px;
	}
	.right .widget .sponsoritems .item h3{
		font-size: 18px;
	}

	.summerydetails .sitecontainer{
		gap: 30px;
	}
	.trandingsummery .sitecontainer{
		gap: 30px;
	}

}
@media (max-width:767px) { 
	.sitecontainer{
		padding: 0 15px !important;
		flex-direction: column;
	}
	.home-page-main{
		padding-top: 30px;
	}
	.home-page-main .sitecontainer{
		padding: 0;
	}
	.home-page-main .left{
		width: 100%;
	}
	.home-page-main .right{
		width: 100%;
	}
	.home-page-main .left h1{
		font-size: 30px;
		line-height: 35px;
	}
	.home-page-main .left img.hero-img{
		margin-bottom: 30px;
	}
	.home-page-main .left .blog-main .blog-main-inner{
		grid-template-columns: 100%;
	}
	.home-page-main .blog-main-inner .blog-description{
		margin: 15px 0;
	}
	.home-page-main .left .summary h2{
		font-size: 18px;
		line-height: 22px;
	}
	.right .widget .postitems .item h3{
		font-size: 18px;
	}
	.summerydetails .left .summeryhead .tags ul{
		flex-wrap: wrap;
  		row-gap: 10px;
	}
	.summerydetails .left .summeryhead .share{
		width: 100px;
	}
	.summerydetails .summerybox .summerygalary .gallery{
		padding: 0px 15px;
	}
	.summerydetails .recommendatedsummery .relateditems{
		grid-template-columns: 100%;
		row-gap: 15px;
	}
	.summerydetails .summerybox .summerygalary .gallery .slick-prev{
		left: -8px;
	}
	.summerydetails .summerybox .summerygalary .gallery .slick-next{
		right: -10px;
	}
	.articledetails .headinfo h1{
		font-size: 40px;
	}
	.articledetails .headinfo h4{
		font-size: 22px;
	}
	.articledetails .postcontent{
		padding-top: 30px;
	}
}
@media (max-width:550px) {
			
}