@media only screen and (min-width:1920px) {
}

@media only screen and (min-width:1600px) and (max-width:1900px) {
}

@media only screen and (min-width:1300px) and (max-width:1367px) {
.basic .item a {
    position: absolute;
    bottom: 25px;
    padding: 10px 25px;
}
}

@media only screen and (min-width:1200px) and (max-width:1280px) {
}

@media screen and (max-width: 1024px) {
	.contant_part{
		width: 100%;
	}
	.sidebar {
		padding-left: 15px;
	}
	.social{
		width:100%;
	}
    .basic .item a {
    	bottom: 15px;
		font-size: 16px;
		padding: 10px 25px;
	}
}

@media screen and (max-width: 991px) {
	.contant_part{
		flex-wrap: wrap;
	}
	.listview ,
	.blog_detail{
		width: 65%;
	}
	.sidebar {
		width: 35%;
	}
	.listview li{
		width: 48.5%;
	}
	.blog_detail h1{
		font-size: 30px;
	}
    .basic .item a {
        bottom: 10px;
        font-size: 14px;
        padding: 5px 20px;
    }
}

@media screen and (max-width: 767px) {
	.listview ,
	.blog_detail{
		width: 100%;
	}
	.sidebar {
		width: 100%;
		padding-left: 0;
	}
	.listview li{
		width: 48.5%;
	}
	.blog_detail .blogbtn {
		font-size: 16px;
		padding: 10px 20px;
		margin: 20px auto 0;
	}
	.blog_detail h1 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.caption{
		font-size: 26px;
	}
	.social{
		width:100%;
	}
    .basic .item a {
        position: initial;
        display: table;
        margin: 10px auto 0;
    }
}

@media screen and (max-width:525px) {
	.listview li{
		width: 100%;
	}
}

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