/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

@media only screen and (max-width:1040px) {
.container {overflow:hidden;}
.main-slider .main-slider-wrap, .author, .face-wrap {border-radius:0;}
.subscribe-wrap {border-radius:0; background-color:#1c7a35}
.c-title, .static-page, .full-post-p, .v-title  {padding: 0 10px;}
}
@media only screen and (max-width:910px) {
.face-wrap .fc-left, .face-wrap .fc-right {width:50%;}
.fc-left .fc-ikon i {width:51px; height:46px;}
.fc-left .fc-ikon span {width:211px; height:40px;}
.fc-left .fc-text {font-size:28px; line-height:32px;}
}
@media only screen and (max-width:860px) {
.s-a {left:10px;}
.s-b {right:10px;}
.subscribe-wrap {background-position: -100px 0;}
}
@media only screen and (max-width:730px) {
.m-post-title {font-size:22px; line-height:28px; max-height:112px;}
.owl-a>div {padding:3px !important; margin-top: -16px;}
.subscribe-wrap {background-position: 0 0; height:210px;}
.s-a {position:relative; top:0; left:0; padding: 15px 10px}
.s-b {position:relative; top:0; right:auto; padding: 0 10px;}
.s-b .s-bc .s-input {width:200px;}
}
@media only screen and (max-width:700px) {
.post-item .m-post-i {padding:0 10px; height: auto; background-color: transparent; /*background-image: linear-gradient(to top, #000 , transparent);*/ border-top: 1px solid #dadada;}
.post-item .m-post-i .m-post-category {display:none;}
.post-item .m-post-i .m-post-time {padding: 3px 0 0 0;}
.post-item .m-post-i .m-post-time>span {color:#34a853}
.post-item .m-post-i .m-post-time .m-hour:before {background-image: url(../images/hour.svg);}
.post-item .m-post-i .m-post-time .m-date:before {background-image: url(../images/date.svg);}
.post-item .post-item-title {padding:8px 10px 7px 10px;}
.full-post-p .full-post-title {font-size:22px; line-height:30px;}
.face-wrap .fc-left {width:100%; float:none; padding:20px;}
.fc-left .fc-text {margin-bottom:12px;}
.face-wrap .fc-right {width:100%; float:none; padding: 0 20px 20px 20px;}
.face-wrap .fc-right .fcr-wrap {float:none;}
}
@media only screen and (max-width:640px) {
.footer-right-top {float:right;}
.footer-right-top .counter {clear:both; float:right;}
.footer-right-top .f-menu {margin: 8px 0 15px}
.full-post .full-post-share ul li a span {display:none;}
.full-post .full-post-share ul li a {padding:0; height: auto; border-radius:50%; min-width:0;}
.full-post .full-post-share ul li a i {margin:9px; width:20px; height:20px;}
}
@media only screen and (max-width:580px) {
.main-slider-wrap .m-post-info {padding: 15px 15px 10px 15px}
.owl-a>div {padding:0 !important; margin-top:-13px;}
.owl-a .owl-p {left:15px;}
.owl-a .owl-n {right:15px;}
.footer .footer-logo {padding-top:0; float:none; text-align:center; margin-bottom:18px;}
.footer .footer-logo a {display:inline-block; vertical-align:top;}
.footer .footer-right {float:none; text-align:center;}
.footer-right-top {float:none; display:inline-block; vertical-align:top;}
.footer-right-top .f-menu {margin: 8px 0 18px;}
.footer-right-top .f-menu ul li {margin: 0 17px;}
.footer-right-top .counter {float:none; margin:0;}
.footer-right-top .counter a {display:inline-block; vertical-align:top;}
.footer-right-top .counter img {background-color:#ccc; display:}
.c-text {text-align:center;}
.full-post-p .full-post-title {font-size:19px; line-height:27px; margin-bottom:10px;}
.full-post-wrap .full-post-image {margin: 0 -10px 15px; border-radius:0;}
}
@media only screen and (max-width:540px) {
.full-post-p .m-post-i {text-align:center; padding:15px 0 0 0; margin: 0 -10px 20px; border-radius:0;}
.full-post-p .m-post-i .m-post-category {float:none; display:inline-block; vertical-align:top;}
.full-post-p .m-post-i .m-post-time {padding: 0 0 10px 0; display:block; float:none;}
.full-post-p .m-post-i .m-post-time>span {display:inline-block; vertical-align:top; margin: 0 14px 5px 14px; float:none;}
}
@media only screen and (max-width:500px) {
.main-slider {margin-bottom:16px; border-bottom:1px solid #34a853;}
.main-slider-wrap .m-post-info {position:relative; padding:10px; border-top: 1px solid #dadada;}
.main-slider-wrap .m-post-info:after {content: none;}
.main-slider-wrap .m-post-info .m-post-i {display:none;}
.main-slider-wrap .m-post-i .m-post-time>span {margin-left:20px; color:#34a853;}
.m-post-title {font-size:21px; line-height:27px; max-height:none; min-height:81px; color:#000; }
.posts .posts-wrap {background-color:#f4f4f4; margin: 0 -10px 20px;}
.posts-wrap .post-item {width:100%;}
.post-item a {border-radius:0; border:0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); background-color:#fff;}
.post-item .post-item-title {font-size:19px; line-height:26px; min-height:93px;}
}
@media only screen and (max-width:420px) {
.subscribe-wrap {background-position: -86px 0;}
.c-title {font-size:22px; line-height:28px;}
.v-title {font-size:19px; line-height:25px;}
.face-wrap .fc-right .fcr-wrap {width:auto;}
}
@media only screen and (max-width:358px) {
.main-slider .m-post-i .m-post-time .m-hour {display:none;}

}
@media only screen and (max-width:340px) {
.full-post-p .m-post-i .m-post-time>span {margin: 0 10px 5px 10px;}
.m-post-title {font-size:19px; line-height:26px; max-height:none; min-height: 78px; color:#000; }
.face-wrap .fc-left {padding-right:0;}
}