/* =============================================
       mobail device responsive start
============================================= */
@media only screen and (max-width: 1199px) {
    .top-header .heder-wather {
        padding: 21px 10px 22px 0;
    }
    .top-header .heder-month {
        padding: 33px 15px 23px 10px;
    }
    .top-header .heder-socail {
        padding: 25px 15px 18px 11px;
    }
    .top-header-login {
        padding-top: 21px;
    }
    .sub-menu {
        width: 970px;
    }
    .post-style1 .text-box {
        width: 60%;
    }
    .news-ticker {
        width: 75%;
    }
    .papular-post .text-box {
        width: 65%;
    }
    .papular-post .text-box ul li {
        font-size: 13px;
        margin-right: 3px;
    }
    .papular-post .text-box p {
        font-weight: normal;
    }
    .post-style3-inner .text-box {
        width: 45%;
    }
    .widget-socailmedia-inner ul li {
        margin-right: 6px;
    }
    .widget-socailmedia-inner ul li:nth-child(5), .widget-socailmedia-inner ul li:last-child {
        margin-right: 6px;
    }
    .inner-banner .project-iso-inner2 .text-box {
        padding-left: 10px;
        padding-right: 10px;
    }
    #wrapper .item:nth-child(4n+4) {
        margin-right: 6px;
    }
    .middle-add-inner .text-box h3 a{
        font-size: 14px;
    }
    #header2 .navigation-header2 .nav > li > a {
        font-size: 16px;
        padding: 5px 7px;
        font-weight: normal;
    }
    #header2 .navigation-header2 .navbar-nav > li {
        margin-right: 9px;
    }
    .home2-banner-taxt {
        margin-top: 150px;
    }
    .home2-banner-taxt .error-feature {
        margin-top: 205px;
    }
    .navigation-header3 .navigation {
        padding: 10px;
    }
    .navigation-header3 .navigation .navbar-nav > li {
        margin-right: 5px;
        position: relative;
    }
    .navigation-header3 .loging-point ul {
        margin-right: 15px;
    }
    .navigation-header4 .navigation .nav > li > a {
        font-size: 16px;
        padding: 5px 7px;
    }
    .navigation-header4 .navigation .navbar-nav > li {
        margin-right: 4px;
    }
    .navigation-header4 .loging-point ul li a {
        font-weight: normal;
        padding: 5px 7px;
    }
    .navigation-header4 .loging-point ul li {
        margin-right: 0px;
    }
    .home4-banner .home2-banner-taxt .error-feature {
        margin-top: 50px;
    }
    .comming-subcribe form {
        width: 100%;
    }
    .author-persone .text-box {
        width: 75%;
    }
    .blog-detail-banner .text-box ul li {
        font-size: 14px;
        margin-right: 10px;
    }
    .blog-detail-banner .text-box ul li i {
        margin-right: 2px;
    }
    .blog-detail-banner .text-box p {
        font-size: 14px;
    }
    .blog-detail-banner .text-box h1 {
        padding-bottom: 15px;
        font-size: 22px;
    }
    .blog-detail-excep .quote h4 {
        width: 85%;
    }
    .blog-detail-excep-inner .image-holder {
        margin-right: 15px;
    }
    .blog-detail-excep-inner .text-box {
        width: 50%;
    }
    .blog-detail-sharestroy ul li {
        margin-top: 10px;
    }
    .detail-comments .text-box {
        width: 80%;
    }
    .sub-back {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        left: 0;
        width: inherit;
    }
    .vesion-4 {
        margin-top: -253px;
    }
    .top-header .heder-month p {
        font-size: 13px;
    }

}
@media only screen and (max-width: 991px)  {
    .top-header .heder-wather .text-box strong,
    .top-header .heder-month p{
        font-size: 14px;
    }
    .top-header .heder-wather .text-box p {
        font-size: 14px;
        padding-left: 15px;
    }
    .top-header .heder-month {
        padding: 21px 10px 24px 5px;
    }
    .top-header .heder-socail {
        padding: 18px 10px 18px 5px;
    }
    .top-header .heder-socail ul li {
        margin-right: 0;
    }
    .top-header .heder-socail ul li a {
        height: 30px;
        padding-top: 3px;
        width: 30px;
    }
    .top-header-login p {
        padding-right: 1px;
    }
    .top-header-login .btn {
        font-size: 14px;
        padding: 5px 7px;
    }
    .navigation .nav > li > a {
        font-size: 14px;
        font-weight: normal;
        padding: 6px 9px;
    }
    .navigation .navbar-nav > li {
        margin-right: 5px;
    }
    .navigation .saerch {
        margin-top: 0;
    }
    .last-header {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .sub-menu {
        width: 750px;
        top: 47px;
    }
    .news-ticker {
        width: 70%;
    }
    .element-item.width1 {
        width: 30%;
    }
    .element-item.width2 {
        width: 70%;
    }
    .element-item.width3 {
        width: 30%;
    }
    .element-item.width4 {
        width: 25%;
    }
    .trending-news {
        margin-top: 0;
    }
    .widget-side-bar{
        margin-top: 60px;
    }
    .middle-add {
        margin-top: 0px;
        padding: 10px;
    }
    .footer-inner {
        min-height: 424px;
    }
    .copyright-right form input[type="text"] {
        width: 160px;
    }
    .section-padding {
        padding: 75px 0 25px;
    }
    .first-header2 .header2-wather ul li {
        margin-right: 20px;
    }
    #header2 .navigation-header2 .navbar-nav > li {
        margin-right: 6px;
    }
    #header2 .navigation-header2 .nav > li > a {
        font-size: 14px;
        text-transform: none;
    }
    .home2-banner-taxt h1 {
        font-size: 32px;
    }
    .home2-banner-taxt p {
        padding-bottom: 25px;
        width: 90%;
    }
    .home2-banner-taxt .error-feature {
        background-color: rgba(0, 0, 0, 0.9);
        margin-top: 142px;
        padding: 11px;
    }
    .home2-banner-taxt .error-feature h2 {
        display: block;
        margin-right: 0;
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .home2-banner-taxt .error-feature-slidde {
        width: 100%;
        margin-top: 0;
    }
    .home2-banner-taxt .error-feature h2 span {
        display: inline-block;
    }
    .home2-banner-taxt .error-feature h2 strong {
        display: block;
        margin-top: 5px;
    }
    .home2-banner-taxt {
        margin-top: 150px;
    }
    .home2-banner {
        min-height: 778px;
    }
    #header3 .first-header2 .header2-wather ul li {
        margin-right: 5px;
    }
    .navigation-header4 .navigation .nav > li > a {
        font-size: 14px;
        text-transform: none;
    }
    .navigation-header4 .loging-point ul li a {
        text-transform: none;
    }
    .error-innar h1 {
        font-size: 64px;
        padding-top: 40px;
    }
    .error-innar h2 {
        font-size: 50px;
        padding-bottom: 15px;
    }
    .error-innar a {
        margin-bottom: 15px;
        padding: 14px 17px;
    }
    .error-feature-slidde {
        margin-top: 30px;
        width: 100%;
    }
    .error-feature {
        padding: 10px;
    }
    .error-feature h2 {
        margin-right: 0;
        margin-top: 10px;
        display: block;
    }
    .pagination {
        margin: 0 0 50px;
    }
    .blog-detail-banner .text-box p {
        display: block;
        margin-bottom: 10px;
    }
    .blog-detail-banner .text-box ul {
        display: block;
        float: none;
    }
    .blog-detail-sharestroy {
        margin-bottom: 30px;
        padding: 10px;
    }
    .blog-detail-sharestroy ul li {
        margin-top: 0;
    }
    .detail-vedio-excep h3 a {
        font-size: 18px;
    }
    .sub-back{
        width: inherit;
        left: 0;
    }
    .abs {
        width: 64%;
        float: right;
    }
    .vesion-4 .error-feature {
        padding: 11px;
    }
    .vesion-4 .error-feature h2 {
        margin-right: 0;
        width: 100%;
    }
    .vesion-4 .error-feature h2 span {
        display: inline-block;
    }
    .vesion-4 .error-feature h2 strong {
        display: block;
        padding-top: 5px;
    }
    .vesion-4 .error-feature-slidde {
        width: 100%;
        margin: 0;
    }
    .vesion-4 {
        margin-top: -265px;
    }
    .top-header .heder-wather{
        border-right: none;
        padding: 0;
    }
    .top-header .heder-socail{
        padding: 0;
        border-right: none;
        min-height: inherit;
    }
    .top-header .heder-month{
        text-align: right;
        border-right: none;
        padding: 0;
        display: block;
    }
    .heder-wather i {
        vertical-align: middle;
    }
    .top-header-login {
        text-align: inherit;
        padding-top: 15px;
        text-align: center;
    }
    .top-header {
        padding: 20px;
    }
    .top-header-login {
        padding-top: 0;
        text-align: right;
    }
    .widget-gallry-inner ul li:nth-child(4n){
        margin-right: 6px;
    }
    .widget-gallry-inner ul li {
        width: 11%;
    }
}
@media only screen and (max-width: 767px)  {
    .top-header .heder-month{
        text-align: center;
    }
    .top-header{
        padding: 15px 0;
    }
    .top-header-left {
        text-align: center;
    }
    .top-header .heder-socail,
    .top-header .heder-wather,
    .top-header .heder-month{
        border-right: none;
        padding: 0 0 15px 0;
        vertical-align: middle;
        min-height: inherit;
    }
    .top-header .heder-socail ul li {
        margin-right: 5px;
    }
    .top-header-login {
        padding-top: 15px;
        text-align: center;
    }
    .top-header-login .btn {
        padding: 5px 15px;
    }
    .mid-header .logo {
        text-align: center;
    }
    .mid-header .add-now {
        padding: 10px 0 20px;
        text-align: center;
    }
    .last-header .navigation .navbar-header {
        position: absolute;
        width: 100%;
        left: 0;
        top: -12px;
    }
    .last-header .navigation .navbar-toggle {
        float: left;
        margin-right: 0;
        margin-top: 8px;
        background-color: #333;
        border: none;
        border-radius: 0;
    }
    .last-header .navigation .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .last-header .navigation .navbar-collapse {
        float: none;
        padding: 0;
        position: absolute;
        width: 100%;
        z-index: 1;
        top: 42px;
        background-color: #fff;
        border-radius: 5px;
        overflow: hidden;
    }
    .last-header .navigation .navbar-nav {
        margin: 0;
    }
    .last-header .navigation .pull-right{
        float: none !important;
    }
    .last-header .navigation .nav > li > a {
        padding: 10px 10px;
    }
    .last-header .navigation .navbar-collapse.in{
        overflow-y: hidden;
    }
    .last-header .navigation .navbar-collapse.collapsing {
        overflow-y: hidden;
    }
    .news-tabe-left {
        /*text-align: center;*/
    }
    .news-tabe-left .image-holder {
        display: inline-block;
    }
    .news-tabe-left .text-box {
        text-align: left;
        width: 100%;
    }
    .element-item.width2 {
        width: 100%;
    }
    .element-item.width1,
    .element-item.width3,
    .element-item.width4{
        width: 33.37%;
    }
    .news-ticker {
        width: 70%;
        float: right;
        padding-left: 15px;
    }
    .trending-news-inner .news-text {
        width: 30%;
    }
    .trending-news-inner {
        margin: 0 -15px;
    }
    .trending-news #outer {
        width: 90%;
    }
    .trending-news-inner .news-text h3 {
        padding: 13px 10px;
        font-size: 16px;
        text-align: center;
    }
    .trending-news-inner .news-text::after {
        border-left: 15px solid #ffe400;
        right: -15px;
    }
    .news-tabe-left .image-holder,
    .news-tabe-left .image-holder img{
        display: block;
        width: 100%;
    }
    .news-tabe-inner{
        padding-top: 25px;
    }
    .news-tabe-left{
        padding-bottom: 25px;
    }
    .news-tabe-frst{
        margin-bottom: 24px;
    }
    .copyright {
        padding: 15px;
        text-align: center;
    }
    .copyright-right {
        text-align: center;
        margin-top: 20px;
    }
    .copyright-right form {
        position: relative;
    }
    .copyright-right form input[type="submit"] {
        right: 0;
        top: -2px;
    }
    .copyright-right form input[type="text"] {
        width: 200px;
    }
    #footer {
        padding: 68px 0 40px;
    }
    .footer-inner {
        margin-bottom: 24px;
        min-height: inherit;
    }
    .footer-inner h3 {
        padding-bottom: 22px;
    }
    #header2 .first-header2 {
        padding: 10px 0;
    }
    #header2 .first-header2 .header2-wather {
        text-align: right;
        margin-top: 0;
    }
    #header2 .first-header2 .header2-socail ul li {
        margin-right: 7px;
    }
    #header2 .first-header2 .header2-wather ul li {
        margin-right: 10px;
    }
    #header2 .header2-languge {
        margin-top: 10px;
    }
    #header2 .first-header2 .header2-languge {
        text-align: center;
    }
    #header2 .navigation-header2 {
        padding: 10px 0;
    }
    #header2 .navigation-header2 .navbar-default .navbar-toggle{
        background-color: #ffe400;
        border: none;
        border-radius: 0;
    }
    #header2 .navigation-header2 .navbar-default .navbar-toggle .icon-bar{
        background-color: #333;
    }
    #header2 .navigation-header2 .navbar-collapse {
        padding: 0;
        background-color: #fff;
        width: 100%;
        float: none;
        position: absolute;
        z-index: 1;
        overflow: hidden;
        border-top: 0;
        top: 58px;
    }
    #header2 .navigation-header2 .nav > li > a {
        font-size: 14px;
        text-transform: uppercase;
        padding: 10px 10px;
    }
    .home2-banner-taxt h1 {
        font-size: 24px;
    }
    .home2-banner-taxt h2 {
        font-size: 20px;
    }
    #header3 .top-header3 .header2-socail {
        text-align: center;
        margin-top: 10px;
    }
    #header3 .top-header3 {
        padding: 10px 0;
    }
    #header3 .navigation-header3 .navbar-toggle {
        background-color: #333;;
        border: none;
        border-radius: 0;
        float: left;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
    }
    #header3 .navigation-header3 .navbar-default .navbar-toggle .icon-bar{
        background-color: #fff;
    }
    .navigation-header3 .loging-point {
        padding-top: 6px;
        position: absolute;
        right: 0;
        top: -3px;
    }
    #header3 .navigation-header3 .navigation .navbar-collapse {
        float: none;
        padding: 0;
        position: absolute;
        width: 100%;
        background-color: #fff;
        left: 0;
        top: 42px;
        overflow: hidden;
    }
    #header3 .navigation-header3 .navigation .navbar-nav {
        margin: 0;
    }
    .navigation-header3 .navigation .navbar-nav > li {
        margin-right: 0;
    }
    .navigation-header4 .navigation .loging-point {
        position: absolute;
        right: 0;
        top: 6px;
    }
    .navigation-header4 .loging-point ul li a {
        text-transform: uppercase;
        padding: 5px 10px;
    }
    .navigation-header4 .loging-point ul li {
        margin-right: 10px;
    }
    .navigation-header4 .navigation  .navbar-toggle{
        background-color: #ffe400;
        border: none;
        border-radius: 0;
        margin-bottom: 0;
        float: left;
    }
    .navigation-header4 .navbar-default .navbar-toggle .icon-bar {
        background-color: #333;
    }
    .navigation-header4 .navigation .navbar-collapse {
        float: none;
        padding: 0;
        position: absolute;
        z-index: 1;
        width: 100%;
        background-color: #fff;
        margin-top: 16px;
        overflow: hidden;
    }
    .navigation-header4  .navbar-nav {
        margin: 0;
    }
    .navigation-header4 .navigation .navbar-nav > li {
        margin-right: 0;
    }
    .navigation-header3 .navigation .nav > li > a {
        font-size: 14px;
    }
    .navigation-header4 .navigation .nav > li > a {
        text-transform: uppercase;
        padding: 10px;
    }
    .navigation-header4 .logo{
        text-align: center;
    }
    .coming-soon-inner h1 {
        font-size: 120px;
    }
    .comming-subcribe-socail {
        margin-top: 30px;
        text-align: center;
    }
    .coming-soon {
        padding: 20px 0;
    }
    .event-timer2 {
        margin-top: 30px;
    }
    .event-timer2 ul li{
        margin-top: 20px;
    }
    .event-timer2 ul li{
        border: 5px solid;
    }
    .event-timer2 ul li strong{
        font-size: 18px;
    }
    .author-banner {
        min-height: 200px;
    }
    .blogthree-inner .post-style2-inner{
        padding-bottom: 30px;
    }
    .blogthree-inner {
        margin-bottom: 30px;
        padding-bottom: 0;
    }
    .blog-detail-related .post-style2-inner{
        margin-bottom: 30px;
    }
    .blog-detail-comments {
        margin-top: 0;
    }
    .blog-detail-banner .image-holder img{
        height: 243px;
    }
    .blog-detail-sharestroy ul li{
        margin-top: 10px;
    }
    .detail-vedio-excep h4 {
        font-size: 22px;
    }
    .socail-qouts-inner {
        padding: 35px 20px;
    }
    .sub-menu {
        display: none;
        opacity: 1;
        visibility: visible;
        position: inherit;
        top: 0;
        width: 100%;
        left: 0;
    }
    .navigation .navbar-nav > li:hover .sub-menu{
        display: block;
    }
    .middle-add-inner .image-holder {
        text-align: center;
    }
    .middle-add-inner .text-box {
        display: none;
    }
    .widget-gallry-inner ul li {
        width: inherit;
    }
    .trending-news-inner .news-ticker #newscontent a{
        font-size: 12px;
        font-weight: normal;
    }
    .widget-socail-inner {
        padding: 25px 0% 25px;
        width: 90%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 640px)  {
    .post-style3-inner .text-box {
        width: 100%;
    }
    .post-style3-inner .image-holder {
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .blog-detail-excep-inner .text-box {
        width: 49%;
    }
    .navigation ul li .sub-menu ul {
        width: 37%;
    }
    .trending-news-inner .news-ticker #newscontent a{
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
    }
    .post-style3-inner .image-holder img {
        width: 100%;
    }
}
@media only screen and (max-width: 600px)  {
    .news-tabe .hedding .nav-tabs > li > a {
        padding: 4px 10px;
    }
    .news-tabe .hedding .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
        padding: 9px 10px;
    }
    #header2 .first-header2 .col-xs-4,
    #header2 .first-header2 .col-xs-8{
        width: 100%;
    }
    #header2 .header2-socail{
        text-align: center;
    }
    .home2-banner-taxt .error-feature {
        margin-top: 80px;
    }
    .event-timer2 ul li span{
        font-size: 24px;
    }
    .under-constructon h1 {
        font-size: 36px;
    }
    .under-constructon p {
        font-size: 22px;
    }
    .event-timer2 ul li strong{
        font-size: 14px;
    }
    .author-persone {
        padding: 15px;
    }
    .author-persone .text-box a {
        margin-right: 10px;
    }
    .blog-detail-excep-inner .image-holder {
        float: none;
        margin-right: 0;
    }
    .blog-detail-excep-inner .text-box {
        float: none;
        margin-top: 20px;
        width: 100%;
    }
    .comments-leftspace {
        margin-left: 0;
    }
}
@media only screen and (max-width: 550px)  {
    h2 {
        font-size: 20px;
    }
    h3 a, h3 {
        font-size: 14px;
    }
    .element-item.width1,
    .element-item.width3,
    .element-item.width4{
        width: 50%;
    }
    .trending-news {
        height: inherit;
    }
    .trending-news-inner .news-text h3 {
        font-size: 16px;
        padding: 10px;
    }
    .trending-news-inner .news-text::after{
        display: none;
    }
    .trending-news-inner .news-text {
        width: 100%;
    }
    .news-ticker {
        float: none;
        padding-left: 0;
        width: 100%;
        height: inherit;
    }
    .trending-news #outer {
        width: 95%;
    }
    .hedding h2 {
        padding-bottom: 8px;
        padding-top: 10px;
    }
    .hedding h2::after {
        width: 100%;
    }
    .middle-add-inner .text-box span{
        display: none;    
    }
    .home2-banner-taxt .error-feature {
        margin-top: 50px;
    }
    .home4-banner .home2-banner-taxt {
        margin-top: 90px;
    }
    .event-timer ul li span{
        font-size: 40px;
    }
    .author-persone .text-box {
        width: 65%;
    }
    .blog-detail-tags ul li {
        padding: 6px 10px 6px;
    }
    .detail-comments .text-box {
        width: 75%;
    }
    .detail-vedio-excep h4 {
        font-size: 18px;
    }
    .socail-qouts-inner {
        padding: 20px 10px;
    }
    .trending-news-inner .news-ticker #newscontent a{
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
    }
    .trending-news .news-ticker #controls {
        margin-right: 0; 
        margin-top:  0;
    }
    #newscontent {
        float: none !important;
    }
    .news-ticker {
        padding: 0px 15px 15px;
    }
    #header2 .first-header2 .header2-wather {
        text-align: center;
        margin-top: 0;
    }
    .widget-socail-inner {
        width: 91%;
    }
}
@media only screen and (max-width: 479px)  {
    .section-padding {
        padding: 50px 0 2px;
    }
    .news-tabe .hedding .nav-tabs {
        float: none;
        margin-top: 42px;
    }
    .hedding h2 {
        float: none;
        padding-top: 0;
        display: inline-block;
    }
    .latest-news {
        margin-top: 43px;
    }
    .post-style2 {
        margin-top: 30px;
    }
    .post-style2 .owl-theme .owl-controls {
        top: -56px;
    }
    .post-style2-inner .image-holder img,
    .middle-add-inner .image-holder img,
    .swiper-slide .image-holder img{
        width: 100%;
    }
    .middle-add {
        margin-bottom: 43px;
    }
    .post-video {
        margin-top: 38px;
    }
    .swiper-arrows {
        top: 6px;
    }
    .post-video .swiper-slide{
        margin-bottom: 20px;
    }
    .backtop .text-box h3 {
        display: none;
    }
    .backtop .text-box a {
        bottom: -86px;
    }
    #footer {
        padding: 43px 0 15px;
    }
    .copyright-right form input[type="text"] {
        width: 150px;
        padding-left: 5px;
    }
    #header2 .second-header2 .search-user ul li a {
        display: inline-block;
        padding: 62px 15px;
    }
    #header2 .second-header2 .logo img {
        width: 65%;
    }
    .second-header2 .logo {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .home2-banner-taxt {
        margin-top: 100px;
    }
    .error-innar h2 {
        font-size: 36px;
    }
    .error-innar {
        padding-bottom: 50px;
    }
    coming-soon {
        padding: 40px 0;
    }
    .coming-soon-inner h1 {
        font-size: 50px;
        text-align: center;
    }
    .event-timer ul li{
        width: 50%;
        margin-bottom: 30px;
    }
    .event-timer ul li span{
        padding: 0;
    }
    .comming-subcribe input[type="text"] {
        font-size: 12px;
        padding-left: 5px;
    }
    .event-timer2 .col-xs-3{
        width: 50%;
    }
    .under-constructon h1 {
        font-size: 30px;
    }
    .under-constructon p {
        font-size: 18px;
    }
    .author-persone .text-box {
        width: 60%;
    }
    .blog-inner .image-holder .liks-commnts ul li {
        font-size: 13px;
        font-weight: normal;
    }
    .blog-inner {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .blog-inner .text-box h3{
        margin-bottom: 5px;
    }
    .blog-detail-banner .text-box h1 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .blog-detail-banner .text-box p {
        display: none;
    }
    .blog-detail-banner .text-box ul {
        display: none;
    }
    .blog-detail-banner .text-box h1 {
        border-bottom: 0 none;
        font-size: 18px;
        margin: 0;
        padding-bottom: 0;
    }
    .blog-detail-banner .text-box {
        bottom: 65px;
    }
    .blog-detail-excep-inner p {
        padding-bottom: 15px;
    }
    .etiam {
        padding-top: 15px;
    }
    .blog-detail-excep-inner {
        padding-bottom: 24px;
        padding-top: 20px;
    }
    .blog-detail-tags {
        padding-top: 26px;
    }
    .blog-detail-tags ul li {
        margin-top: 5px;
    }
    .detail-comments .text-box h4 a {
        font-size: 14px;
    }
    .detail-comments .text-box span,
    .detail-comments .text-box span a{
        font-size: 14px;
    }
    .detail-comments .text-box p {
        padding-top: 10px;
    }
    .detail-comments .text-box {
        margin-top: 20px;
        padding-bottom: 15px;
        width: 100%;
        float: none;
    }
    .detail-comments .image-holder {
        float: none;
        margin-right: 0;
    }
    .detail-leve-comments {
        margin-top: 50px;
    }
    .blog-detail2 .detail-vedio-excep .image-holder {
        margin-top: 0;
    }
    .detail-vedio-excep h4 {
        font-size: 16px;
    }
    .detail-vedio-slide {
        padding-bottom: 26px;
    }
    .detail-vedio-excep {
        margin-bottom: 0;
    }
    .detail-vedio-excep h4 {
        margin-top: 30px;
    }
    .sub-menu{
        background: no-repeat;
    }
    .navigation ul li .sub-menu ul {
        width: 100%;
    }
    .sub-inner-menu {
        display: none;
    }
    .vesion-4 {
        margin-top: -286px;
    }
    .widget-gallry-inner {
        text-align: center; 
        padding: 15px;
    }
    .widget-socail-inner #wrapper .item {
        width: 101px;
        margin-right: 3px;
    }
    .widget-socail-inner {
        width: 80%;
    }
}
@media only screen and (max-width: 379px)  {
    .top-header .heder-socail, .top-header .heder-wather, .top-header .heder-month {
        width: 100%;
        margin-bottom: 10px;
    }
    .element-item.width1,
    .element-item.width3,
    .element-item.width4{
        width: 100%;
    }
    .element-item.width2 .image-holder img,
    .element-item.width1 .image-holder img,
    .element-item.width3 .image-holder img{
        height: auto;
        width: 100%;
    }
    .trending-news #outer {
        width: 90%;
    }
    .copyright-right ul {
        display: block;
    }
    .copyright-right form {
        display: block;
        margin-left: 0;
        margin-top: 20px;
    }
    .copyright-right form input[type="text"] {
        padding-left: 5px;
        width: 100%;
    }
    .copyright-right form input[type="submit"] {
        right: 0;
        top: 0px;
    }
    .second-header2 .left-navigtion a {
        padding: 42px 24px 40px 11px;
    }
    .second-header2 .logo {
        padding: 28px 0;
    }
    #header2 .second-header2 .search-user ul li a {
        display: inline-block;
        padding: 43px 10px;
    }
    .home2-banner-taxt .btn {
        font-size: 14px;
        margin-right: 5px;
        padding: 5px 9px;
    }
    .navigation-header3 .loging-point ul li a {
        font-size: 13px;
        font-weight: normal;
    }
    #outer {
        width: 100%;
    }
    .error-innar a {
        padding: 10px;
    }
    .error-innar h2 {
        font-size: 30px;
    }
    .coming-soon-inner h1 {
        font-size: 43px;
    }
    .author-persone .image-holder {
        float: none;
        margin-right: 0;
        text-align: center;
    }
    .author-persone .text-box {
        margin-top: 20px;
        width: 100%;
    }
    .blog-inner .image-holder .liks-commnts ul li i{
        display: none;
    }
    .detail-vedio-excep h3 a {
        font-size: 14px;
    }
    .home4-banner  .owl-theme .owl-controls{
        display: none;
    }
    .widget-gallry-inner ul li {
        width: 30%;
    }
    .widget-gallry-inner ul li .image-holder img {
        width: 100%;
    }
    .widget-gallry-inner ul li .image-holder .ovelar {
        height: 89%;
        width: 90%;
    }
    .widget-socail-inner {
        padding: 25px 4% 25px;
        width: 100%;
    }
    .widget-socail-inner #wrapper .item {
        width: 47%;
    }
}
@media only screen and (max-width: 320px)  {}