/* for desktop only */
#new-comment-form-mobile,
.mui-lang-head,
.muiSearch,
.mui-widget { 
    display: none;
}


.social.mui-social div{
    left : 0 !important;
}
/* for desktop only end*/


@media screen and (max-width: 992px) {
    .box.ads img.post-img {
        width: auto;
        max-width: 100%;
    }

    .categories-top .logo {
        display: block;
        padding-bottom: 15px;
    }
    .categories-top .logo img {
        /* margin-top: -10px; */
    }
    .categories-top .logo i {
        margin-top: 0; 
        display: block;
    }

    .nav.navbar-nav.mui-menu > li > ul {
        position: absolute;
        background: #fff;
        width: calc(100% - 30px);
        margin-right: 15px !important;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 0 15px rgba(0,0,0,0.3);
        box-shadow: 0 0 15px rgba(0,0,0,0.3);
    }

    .box.ads {
        display: flex;
        flex-direction: column;
    }

    .muiSearch {
        padding-top: 2px;
        padding-bottom: 0;
        margin-bottom: -5px;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .desktopSearch {
        display: none;
    }

    .muiSearch .input-group .form-control {
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        -ms-border-radius: 0 6px 6px 0;
        -o-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
    }

    .muiSearch .input-group .form-control,
    .muiSearch .input-group .btn {
        height: 40px;
    }

    .input-group .input-group-btn .btn {
        margin-right: -2px;
        margin-left: 0;
        border-width: 2px 0 2px 2px;
    }

    .categories-top .type {
        font-size: 14px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .categories-top .types {
        /* float: left; */
        float: right;
    }


    .bottom-menu-copyright {
        background-color: #214a04;
    }

    .mui-lang-footer h5.title {
        margin-bottom: 0;
    }
    .mui-lang-footer ul.bottom-links {
        margin-top: 11px;
        /* float: left; */
        float: right;
    }
    .mui-lang-footer ul.bottom-links li {
        margin-left: 5px;
    }
    .mui-lang-footer ul.bottom-links li a {
        background-color: #85a734;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 8px;
        font-size: 12px;
        display: inline-block;
        line-height: 1.286;
    }
    .mui-lang-footer ul.bottom-links li a.active-lang {
        background-color: #214a04;
    }

    .navbar .nav.lang-header-hide-mobile {
        display: none;
    }

    .navbar .nav.mui-menu {
        margin-bottom: 0;
    }

    .mui-lang-head {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 5px;
        width: auto;
    }

    .mui-lang-head h5.title {
        font-size: 12px;
        text-transform: uppercase;
        margin: 0 0 0 0;
        color: #fff;
    }

    .mui-lang-head ul.bottom-links {
        margin-top: 5px;
    }


    .mui-lang-head ul.bottom-links li {
        margin-right: 5px;
        float: none;
        display: inline-block;
        vertical-align: top;
        
    }
    .mui-lang-head ul.bottom-links li a {
        background-color: #85a734;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 8px;
        font-size: 12px;
        display: inline-block;
        line-height: 1.4;
    }
    .mui-lang-head ul.bottom-links li a.active-lang {
        background-color: #214a04;
    }

    body.index .carousel.slide.carousel-top.visible-lg {
        display: block !important;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
        margin-top: 10px;
    }

    body.index .carousel.slide.carousel-top.visible-lg .carousel-inner .item > div {
        display: flex;
    }

    body.index .carousel.slide.carousel-top.visible-lg .carousel-inner .item > div .carousel-thumbs {
        margin: 0 20px 0 20px;
    }

    body.index .carousel.slide.carousel-top.visible-lg .carousel-control {
        top: 50%
    }

    .mui-header .navbar-toggle:focus {
        background: none;
        outline: none;
    }
    
    .mui-widget {
        display: block;
    }

    .mui-hide-widget {
        display: none;
    }
    
}
/* 991px end */




/* For Mobile & Blow Ipad devices */
@media screen and (max-width: 767px) {

    /* ===Detail Page=== CSS */
    .navbar-default .navbar-toggle {
        border-color: #fff;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .page-info .breadcrumb-text p {
        font-size: 13px; 
    }

    .page-content .breadcrumb-text a {
        font-size: 13px;
    }

    .page-content .page-info.clearfix {
        padding-bottom: 10px;
    }

    .breadcrumb-text a {
        color: #585858 !important;
    }

    .breadcrumb-text p a:after {
        margin: 0 4px 0 2px;
    }

    .box.box-post.post .post-info,
    .tab-pane .post .post-info,
    .tab-pane .post .post-info2,
    .comment .post-info,
    .box.box-tab .tab-content .tab-pane .post > h3,
    .post-excerpt {
        margin-right: 80px;
    }

    .box-post .post-video,
    .post-content,
    .box.box-post.post .post-info.info-2,
    .box-comment,
    .box-post .post-img {
        margin-right: 0;
    }

    .post-comment,
    .comment-buttons {
        margin-left: 0;
        margin-right: 0;
    }
    
    .post .post-info {
        padding-bottom: 10px;
    }

    .post-viewer,
    .container .like-dislike {
        margin-right: 0;
    }

    .lastEdited {
        display: block;
    }

    .box-post .post-time {
        font-size: 12px;
    }

    .box-respond > div {
        width: 100%;
    }


    .box.box-tab .tab-content .tab-pane .post {
        background-color: #f5f5f5;
        
        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2);
        box-shadow: 0 2px 3px rgba(0,0,0,0.2);

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;

        border-bottom: none;
        padding: 10px;
    }

    .comment .post-info {
        margin-bottom: 50px; 
    }

    .box-quote .post-info {
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .bottom-menu-large {
        padding-bottom: 15px;
        padding-top: 15px;
    }
    

    .f-w-m {
        width: 100%;
        display: inline-block;
    }

    .bottom-menu.bottom-menu-copyright .container {
        margin-bottom: 0;
    }

    .social.mui-social {
        position: static !important;
        width: 68px;
    }
    .social.mui-social .twitter-share-button {
        margin-top: 2px;
    }

    .social.mui-social div{
        left : 0 !important;
    }

    .page-content .post-content p {
        font-size: 17px;
    }
    .post-comment > p {
        font-size: 16px;
    }

    #new-comment-form {
        /* display: none; */
    }
    #new-comment-form-mobile {
        display: block;
    }

    .bottom-menu .navbar-brand {
        margin-bottom: 10px;
    }

    /* ===Detail Page End=== CSS */
    

    /* ===Summary Page=== CSS */
    body.video .box-tab-excerpt .post-image iframe {
        width: 100%;
    }

    .tab-content .tab-pane .archive-filter .btn-group {
        margin-bottom: 5px;
    }

    .tab-content .tab-pane .archive-filter .btn-group .btn {
        padding: 8px 6px;
        font-size: 13px;
        background-color: #656564;
    }

    .tab-content .tab-pane .archive-filter .btn-group .dropdown-inverse {
        background-color: #656564;
    }

    .tab-content .tab-pane .archive-filter .btn-group .btn + .dropdown-toggle {
        padding-left: 6px;
        padding-right: 6px;
        border-left: rgba(255,255,255,0.3) solid 1px;
    }

    .tab-content .tab-pane .archive-filter .btn-group .btn + .dropdown-toggle .caret {
        border-width: 6px 5px;
    }
    .tab-content .tab-pane .archive-filter .glyphicon.glyphicon-refresh {
        font-size: 20px;
        top: 4px;
    }

    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info2 {
        margin-right: 0;
    }
    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info2 .pull-left {
        margin-bottom: 5px;
    }

    .mbg-2 {
        margin-bottom: 20px;
    }

    .mui-video {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 25px;
        height: 0;
    }
    .mui-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .mui-video img.poster {
        max-width: 100%;
        width: auto;
    }

    .nav.navbar-nav.mui-menu > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        border-left: none;
    }
    
    .nav.navbar-nav.mui-menu li.last-item-block {
        width: 100% !important;
    }
    .nav.navbar-nav.mui-menu li.last-item-block a {
        width: 100% !important;
    }

    .navbar.mui-header .navbar-collapse {
        max-height: 208px;
    }
    .navbar.mui-header .navbar-collapse.in {
        overflow-y: inherit;
    }

    .box.box-tab-excerpt .tab-content .tab-pane .post .post-excerpt {
        margin-right: 0;
        font-size: 15px;
        line-height: 1.5;
    }

    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info {
        min-height: 72px;
        border-bottom: none;
        border-top: none;
    }

    .mui-lang-head {
        /* display: block; */
        position: static;
    }

    .mui-lang-head h5.title {
        float: right;
        margin: 19px 0 0 7px;
    }
   
    .mui-lang-head ul.bottom-links {
        margin-top: 11px;
        float: right;
    }

    .muiSearch {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* HomePage CSS */
    body.index .box-survey .post-content > span label.radio {
        margin-right: 0;
    }

    .box.box-tab.type.type-group .tab-content .tab-pane .group {
        background-color: #f9f9f9;
        border: #e8e8e8 solid 1px;
        border-radius: 3px;
        padding: 10px;
        margin-top: 10px;
    }
    .box.box-tab.type.type-group .tab-content .tab-pane .group:last-of-type {
        margin-bottom: 10px;
    }
    .box.box-tab.type.type-group .tab-content .tab-pane .group .post{
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
    }

    #carousel-dislike .carousel-inner .item .like-dislike {
        margin-right: 15px;
    }

    body.archive.photo .box.box-tab-excerpt .tab-content .tab-pane .post .post-image,
    body.archive.cartoon .box.box-tab-excerpt .tab-content .tab-pane .post .post-image {
        display: flex;
        justify-content: center;
        background-color: #f1f1f1;
    }

    body.archive.album .box.box-tab-excerpt .tab-content .tab-pane .post .post-carousel {
        margin-right: 0;
    }
    
    body.archive.quote .box.box-tab-excerpt .tab-content .tab-pane .post .post-content{
        border: none;
    }

    body.quote blockquote {
        border-top: none;
        border-bottom: none;
        padding-right: 30px;
    }

    .categories-top .types ul.nav li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .album_detail_photo img.image{
        width: 100%;
        margin-bottom: 5px;
        margin-top: 5px;
    }
    
    body.post.album .carousel-inner {
        margin-right: 0 !important;
    }
    body.post.album .carousel-inner > .item {
        text-align: center;
    }
}
/* 767px end */



/* For Mobile devices */
@media screen and (max-width: 480px) {
    .box.box-tab .nav.nav-tabs {
        display: flex; 
    }

    .box.box-tab .nav.nav-tabs > li {
        flex-grow: 1;
        text-align: center;
    }

    .box.box-tab .nav.nav-tabs > li > a {
        margin-bottom: 0;
    }
    
    .box.box-tab .nav.nav-tabs > li.active > a {
        background-color: #fff;
    }
   

    .box.box-tab-excerpt .nav.nav-tabs {
        font-size: 0;
    }
    .box.box-tab-excerpt .nav.nav-tabs li{
        display: inline-block;
        width: 50%;
        text-align: center;
        margin-bottom: 5px;
    }
    .box.box-tab-excerpt .nav.nav-tabs > li > a {
        margin-bottom: 0;
        border:#f1f1f1 solid 1px;
        background-color: #f9f9f9;
    }

    .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        background-color: #fff;
        border-color: #ab0e30;
    }

    body.archive.blog .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #e93c4f;
    }
    body.archive.link .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #3392ee;
    }
    body.archive.video .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #a20e30;
    }
    body.archive.music .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #ff822e;
    }
    body.archive.survey .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #39a652;
    }
    body.archive.photo .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #ad532f;
    }
    body.archive.album .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #04b984;
    }
    body.archive.cartoon .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #9b59b6;
    }
    body.archive.quote .box.box-tab-excerpt .nav.nav-tabs > li.active > a { 
        border-color: #066ec9;
    }


    .box.box-tab-excerpt .nav.nav-tabs .btn.btn-xs {
        margin-bottom: 5px;
    }
    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-left a.post-user {
        font-size:13px;
    }
    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right .post-comments {
        margin-left: 5px;
    }
    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-left .post-time {
        font-size:13px;
    }

    .container.categories-top .navbar-toggle .caret {
        margin-top: 15px;
    }

    body.archive.video .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right,
    body.archive.blog .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right,
    body.archive.music .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right, 
    body.archive.photo .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right, 
    body.archive.album .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right,
    body.archive.cartoon .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right,
    body.archive.link .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right,
    body.archive.quote .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right,
    body.archive.survey .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-right 
    {
        float: right;
        width: 100%;
        text-align: right;
    }


    body.archive.survey .box.box-tab-excerpt .tab-content .tab-pane .post .post-info {
        margin-right: 0;
    }

    body.archive.survey .box.box-tab-excerpt .tab-content .tab-pane .post .post-content .figBlock{
        width: 100% !important;
        float: left !important;
        text-align: center;
        margin-bottom: 15px;
    }

}
/* 480px end */




/* For Medium Size devices */
@media screen and (max-width: 375px) {
    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-left a.post-user {
        text-overflow: ellipsis;
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
    }


}
/* 375px end */


/* For Extra Small devices */
@media screen and (max-width: 320px) {

    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-left a.post-user {
        text-overflow: ellipsis;
        max-width: 65px;
        white-space: nowrap;
        overflow: hidden;
        font-size:12px;
    }

    .box.box-tab-excerpt .tab-content .tab-pane .post .post-info .info-left .post-time {
        font-size:12px;
    }

}
/* 320px end */




@media screen and (min-width: 375px) and (max-width: 767px){

    .box-tab-excerpt .post {
        background-color: #f9f9f9; 
        padding:1rem;
        margin-bottom: 1rem;
        border-bottom: none;
        border: #e8e8e8 solid 1px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

    .box-tab-excerpt .post > h3 {
        margin-top: 0;
    }

    

}
/* 375px to 767px */