h1{
float:right;
width:100%;
padding:0;
margin:37px 0 0 0;
font-weight:normal;
font-size:46px;
color:black;
text-align:center;
letter-spacing:1px
}
.posts{
float:right;
margin:37px 0 0 0;
width:598px;
padding:0 22px 0 20px
}
.posts .post{
float:right;
width:100%
}
/*.posts .post a{
float:right
}*/
.posts .post a img{
float:right
}
.posts .post .post_date{
float:right;
width:100%;
text-align:center;
font-size:26px;
margin:25px 0 0 0;
color:#ababab
}
.posts .post h2{
float:right;
width:100%;
text-align:center;
font-size:41px;
padding:0;
margin:27px 0 0 0
}
.posts .post h2 a{
text-decoration:none;
color:black
}
.posts .post .post_short{
float:right;
text-align:center;
font-size:32px;
padding:0 10px;
letter-spacing:2px;
margin:8px 0 0 0;
line-height:39px
}
.posts .post .post_info{
float:right;
margin:40px 0 57px 0;
padding:0 0 8px 0;
width:100%;
border-bottom:1px solid #8d8a8a
}
.posts .post .post_info .post_watched{
float:right;
font-size:24px;
margin:0 7px 0 0;
color:#8d8a8a
}
.border{
float:right;
margin:7px 39px 0 10px;
width:2px;
height:19px;
background:#8d8a8a
}
.posts .post .post_info .write_comment{
float:right;
font-size:24px;
margin:0 22px 0 0;
padding:0 0 0 335px;
color:#8d8a8a;
text-decoration:none
}
.posts .post .post_info .like_post{
float:right;
width:27px;
height:23px;
margin:6px 0 0 0;
background:url(../../../design/default/css/images/blog/heart.png) top right no-repeat
}
.posts .arrw_dwn{
float:right;
margin:0;
width:100%;
text-align:center
}
.posts .arrw_dwn img{
display:inline-block
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width :1224px) {
/* Styles */
h1{
float:right;
text-align:right;
padding:44px 151px 0 0;
margin:0;
font-size:27px;
width:1073px;
letter-spacing:2px
}
.posts{
margin:33px 0 0 0;
width:1051px;
padding:0 153px 50px 20px;
position:relative
}
.posts .post{
margin:0 0 88px 0;
position:relative
}
.posts .post > a{
width:457px;
padding:0 0 0 27px
}
.posts .post a {
float:right;
width:457px
}
.posts .post a img{
width:100%
}
.posts .post .post_date{
width:550px;
text-align:right;
font-size:13px;
margin:39px 10px 0 0;
position:relative
}
.posts .post .post_date::before{
content:"";
position:absolute;
top:-39px;
right:0;
height:4px;
width:45px;
background:black
}
.posts .post h2{
width:550px;
text-align:right;
font-size:29px;
margin:27px 11px 10px 0;
font-weight:bold;
line-height:1
}
.posts .post .post_short{
width:400px;
text-align:right;
font-size:18px;
margin:5px 11px 0 0;
padding:0;
letter-spacing:0;
line-height:normal;
min-height:136px
}
.posts .post .post_info{
width:373px;
margin:0;
padding:0 0 6px 0;
border-bottom:2px solid #8d8a8a;
bottom:0;
position:absolute;
left:185px
}
.posts .post .post_info .post_watched{
font-size:12px;
margin:0
}
.posts .post .post_info .border{
margin:3px 16px 0 0;
width:1px;
height:11px
}
.posts .post .post_info .write_comment{
font-size:12px;
margin:0 16px 0 0;
padding:0;
width:274px
}
.posts .post .post_info .like_post{
float:left;
width:19px;
height:16px;
margin:0 0 0 10px;
background-size:100%
}
.posts .arrw_dwn{
float:none;
cursor:pointer;
position:absolute;
bottom:-40px;
right:0;
left:0;
margin:0 auto
}
}
/* Large screens ----------- */
@media only screen  and (min-width :1824px) {
/* Styles */
.posts {
width:1518px;
padding:0 153px 50px 153px
}
.posts .post a {
width:600px
}
/*.posts .post a img {
width:757px
}*/
.posts .post .post_date {
width:850px;
font-size:15px
}
.posts .post h2 {
width:850px;
font-size:34px
}
.posts .post .post_short {
width:700px;
font-size:20px
}
.posts .post .post_info {
width:673px;
left:208px
}
.posts .post .post_info .post_watched {
font-size:14px
}
.posts .post .post_info .write_comment {
font-size:14px
}
}