@media only screen and (max-width: 767px) {
    .cmd-box,.cmd-box-100,.cmd-contact{width: 100%;margin: 0;padding: 20px;}
    .cmd-mobile-version .header-content {text-align: center;padding: 20px 0;}
    .header-button {margin-top: 20px;width: 100%;text-align: center;}
    .header-button .entry-header {width: 100%;}
    .cmd-box-100 button {display: inline-block;margin: 3px 0 !important;width: 100%;}
    .footer-right-contnet,.footer-copy-right{text-align: center;float: none !important;}
    .footer-copy-right{margin-bottom: 10px;}
    .faq-blog h4.faq-title:after{right: 5%;}
    .cmd-user-case-main{padding: 15px;}
    .cmd-mobile-version button {width: 100%;margin: 5px 0px !important;}
    .date-block {position: relative;}
    .date-block .date-counter-icon {position: absolute;top: -20px;right: 30px;}
    .date-block .date-counter-icon i {left: auto;right: auto;position: relative;}
    .cmd-mobile-version .search-bar {text-align: center;}
    .cmd-mobile-version .search-bar input {width: 80%;}
    .cmd-mobile-version .header-select-show {width: 100%;}
    .success-page-main, .payment-error, .payment-content{width: 100%;padding: 30px;}
    .payment-content.payment-details h2{text-align: center;}
    .payment-content .mb-30 {margin-bottom: 15px !important;}
    .payment-content label {width: 100%;text-align: center;}
    .case-item-main {text-align: left;position: relative;}
    .case-item-main .cases-options {position: absolute;right: 10%;width: auto;padding: 5%;top: 0;z-index: 111111;}
    .case-item-main .cases-options ul.cases-box {right: 10%;left: auto;top: 50px;}
    .case-item-main p {margin-top: 10px;text-align: center;display: block;}
    .case-item-main .case-status-block {text-align: center;margin: 10px 0 5px 0;}
    .case-item-main .case-status-block p {display: inline-block;}
    .case-item-main a {display: block;text-align: center;}
    .case-item-main .cases-options a i {margin: 0px !important;}
    .case-item-main p.author-name a{text-align: center;}
    .case-listing ul li {width: 100% !important;padding: 10px 0;margin: 0px !important;}
    .case-listing .lists ul li:after {content: none;}
    .case-listing .lists {display: inline-block !important;width: 45%;border-bottom: 1px solid #CCC;margin-right: 10px;}
    .case-listing .lists:last-child {border: 0px;}
}

@media only screen and (max-width: 567px) {
    .cmd-mobile-version .show-dropdown-menu{width: calc(100% - 30px);}
    .case-item-main a {text-align: left;}
}

@media only screen and (max-width: 360px) {
    .cmd-mobile-version .new-case-form-title {
        text-align: center;
    }
    .cmd-mobile-version .case-current-date h4.case-date {
        text-align: center;
        float: none;
    }
}