.post{
float:right;
width:100%
}
.post .post_date{
float:right;
width:100%;
text-align:center;
font-size:26px;
margin:25px 0 0 0;
color:#ababab
}
.post h1{
float:right;
width:100%;
text-align:center;
font-size:44px;
padding:0;
margin:15px 0 0 0
}
.post .post_short{
float:right;
width:600px;
padding:0 20px;
margin:18px 0 0 0;
text-align:center;
font-size:36px;
font-weight:bold;
line-height:40px
}
.post .post_img{
float:right;
width:100%;
text-align:center;
margin:37px 0 0 0
}
.post .post_img img{
display:inline-block
}
.post .post_pretext{
float:right;
width:600px;
text-align:center;
font-size:36px;
padding:0 20px 21px;
margin:38px 0 0 0;
line-height:40px;
position:relative
}
.post .post_pretext::after{
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
margin:0 auto;
top:auto;
width:68px;
height:3px;
background:black
}
.post .post_txt{
float:right;
width:530px;
text-align:center;
font-size:36px;
padding:0 56px 21px;
margin:42px 0 0 0;
line-height:43px
}
.post .social{
float:right;
text-align:center;
width:100%
}
.post .social a{
display:inline-block;
padding:0 16px;
margin:38px 0 0 0
}
.post .social a img{
float:right
}
.post .post_info{
float:right;
margin:28px 27px 57px 0;
padding:32px 0 8px 0;
border-top:1px solid #8d8a8a
}
.post .post_info .post_watched{
float:right;
font-size:24px;
margin:0;
color:#8d8a8a
}
.post .border{
float:right;
margin:7px 39px 0 10px;
width:2px;
height:19px;
background:#8d8a8a
}
.post .post_info .write_comment{
float:right;
font-size:24px;
margin:0 22px 0 0;
padding:0 0 0 290px;
color:#8d8a8a;
text-decoration:none
}
.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
}
.before_and_after{
float:right;
width:100%;
margin:64px 0 0 0;
padding:0 0 62px 0;
position:relative
}
.before_and_after::after{
content:"";
position:absolute;
right:0;
bottom:0;
left:0;
margin:0 auto;
top:auto;
width:68px;
height:3px;
background:black
}
.before_and_after .arrw_right{
float:right;
height:74px;
width:74px;
margin:0 70px 0 0;
color:black;
text-decoration:none;
font-size:34px;
font-weight:bold;
padding:18px 107px 0 0;
background:url(../../../design/default/css/images/post/arrw_right.png) top right no-repeat
}
.before_and_after .arrw_right.inactive{
background:url(../../../design/default/css/images/post/inactive_arrw_right.png) top right no-repeat
}
.before_and_after .arrw_left{
float:left;
height:74px;
width:74px;
margin:0 70px 0 0;
color:black;
text-decoration:none;
font-size:34px;
font-weight:bold;
padding:18px 0 0 160px;
background:url(../../../design/default/css/images/post/arrw_left.png) 69px 0 no-repeat
}
.before_and_after .arrw_left.inactive{
background:url(../../../design/default/css/images/post/inactive_arrw_left.png) 69px 0  no-repeat
}
.related_posts{
float:right
}
.related_posts h3{
float:right;
width:100%;
text-align:center;
padding:0;
margin:70px 0 38px 0;
font-size:48px
}
.related_posts .related_post{
float:right;
padding:0 0 13px 0;
margin:0 39px 65px 0;
width:562px;
border:1px solid #8d8a8a
}
.related_posts .related_post a{
float:right;
max-width:100%
}
.related_posts .related_post a img{
float:right;
width:100%
}
.related_posts .related_post .title{
float:right;
color:black;
font-weight:bold;
font-size:32px;
margin:0 30px 0 0;
position:relative;
width:520px;
padding:0 0 44px 0
}
.related_posts .related_post .title::after{
content:"";
position:absolute;
bottom:0;
right:0;
background:black;
height:3px;
width:70px
}
.related_posts .related_post .date{
float:right;
color:black;
font-size:24px;
font-weight:bold;
margin:42px 36px 0 0
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width :1224px) {
/* Styles */
.post .post_date{
width:634px;
padding:0 293px 0 297px;
text-align:left;
font-size:18px;
margin:22px 0 0 0
}
.post h1{
width:634px;
padding:0 293px 0 297px;
text-align:center;
margin:0;
font-size:52px;
position:relative;
line-height:1
}
/*.post h1::before{
content:"";
position:absolute;
top:-12px;
right:294px;
width:45px;
height:4px;
background:black
} */
.post .post_short{
width:634px;
padding:0 293px 0 297px;
text-align:right;
font-size:14px;
line-height:normal;
letter-spacing:0;
margin:10px 0 0 0;
font-weight:bold;
font-size:24px
}
.post .post_img{
width:634px;
padding:0 293px 0 297px
}
.post .post_img img{
width:100%
}
.post .post_pretext{
width:634px;
padding:0 293px 0 297px;
text-align:right;
font-size:14px;
line-height:normal;
letter-spacing:0;
margin:32px 0 32px 0
}
.post .post_pretext::after{
display:none
}
.post .post_txt{
width:634px;
padding:0 293px 0 297px;
text-align:right;
font-size:18px;
line-height:normal;
letter-spacing:0;
margin:0 0 80px 0
}
.post .social{
width:933px;
text-align:right;
padding:0 291px 0 0
}
.post .social a{
margin:0;
padding:0 0 0 3px
}
.post .social a img{
width:21px
}
.post .post_info{
margin:14px 238px 0 0;
padding:15px 54px 6px 0;
width:693px;
border-top:none;
border-bottom:2px solid #8d8a8a
}
.post .post_info .post_watched{
font-size:14px;
margin:0
}
.post .border{
margin:5px 20px 0 17px;
width:2px;
height:11px
}
.post .post_info .write_comment{
padding:0 0 0 477px;
margin:0;
font-size:14px
}
.post .post_info .like_post{
float:left;
margin:0 0 0 10px
}
.before_and_after{
width:154px;
margin:64px 0 0 0;
padding:0 535px 0
}
.before_and_after .arrw_right{
margin:0;
padding:3px 38px 0 0;
font-size:15px;
width:42px;
height:27px
}
.before_and_after .arrw_left{
margin:0;
padding:3px 0 0 0;
font-size:15px;
width:63px;
height:27px;
background-position:0 0
}
.before_and_after .arrw_right,
.before_and_after .arrw_right.inactive,
.before_and_after .arrw_left,
.before_and_after .arrw_left.inactive{
background-size:26px auto
}
.before_and_after .arrw_left.inactive{
background-position:0 0
}
.before_and_after::after{
display:none
}
.related_posts{
margin:2px 0 0 0;
padding:0 28px 0 0;
width:1196px
}
.related_posts h3{
width:1176px;
padding:0;
text-align:right;
margin:45px 20px 31px 0;
font-size:23px;
position:relative
}
.related_posts .related_post{
margin:0 0 20px 47px;
padding:0 0 8px 0;
width:358px
}
.related_posts .related_post:nth-child(4){
margin-left:0
}
.related_posts .related_post .title{
font-weight:bold;
font-size:21px;
margin:7px 18px 0 0;
width:340px;
padding:0 0 26px 0
}
.related_posts .related_post .title::after{
bottom:-1px;
right:3px;
height:4px;
width:44px
}
.related_posts .related_post .date{
font-size:18px;
margin:24px 19px 0 0
}
}
/* Large screens ----------- */
@media only screen  and (min-width :1824px) {
/* Styles */
h1 {
font-size:34px;
width:1673px
}
.post .post_date {
width:1234px;
font-size:20px
}
.post h1 {
width:1003px;
font-size:48px;
padding:0 411px 0 410px
}
.post .post_short {
width:1003px;
font-size:24px;
padding:0 411px 0 410px
}
.post .post_img {
width:1003px;
padding:0 411px 0 410px
}
.post .post_txt{
width:1003px;
padding:0 411px 0 410px;
font-size:18px
}
.post .post_info {
width:1293px
}
.post .post_info .post_watched {
font-size:16px
}
.post .border {
height:13px
}
.post .post_info .write_comment {
font-size:16px
}
.before_and_after {
padding:0 835px 0
}
.related_posts {
width:1746px;
padding:0 78px 0 0
}
.related_posts h3 {
width:1824px
}  
.related_posts .related_post{
margin:0 0 20px 47px;
padding:0 0 8px 0;
width:488px
}
.related_posts .related_post .title{
font-size:28px;
width:455px
}
.related_posts .related_post .date{
font-size:22px
}
}