.text-right {text-align: right;}
.text-align-center{text-align: center;}
.width-100 {width: 100%;}
.pull-right{float: right !important;}
.pull-left{float: left !important;}
.no-padding{padding: 0;}
.menu-btn {
    font-size: 14px;
    line-height: 2; 
    border-radius: 2px;
}
.red-haze-color{color: #ff4294;}
/*@font-face{*/
/*  font-family:Cairo;*/
/*  font-style:normal;*/
/*  src:url(../fonts/Cairo-Regular.ttf);*/
/*  src:local('cairo_medium'),*/
/*  url(../fonts/Cairo-Regular.ttf),*/
    
/*  }*/


@font-face {
    font-family: irn;
    src: url('../fonts/IranNastaliq.eot');
    src: url('../fonts/IranNastaliq.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IranNastaliq.woff2') format('woff2'),
        url('../fonts/IranNastaliq.woff') format('woff'),
        url('../fonts/IranNastaliq.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:Cairo;
    font-style:normal;
    src:url(../fonts/170612072107IRANSans_Medi.eot);
    src:local('iransans_medi'),
    url(../fonts/170612072107IRANSans_Medi.eot) format('embedded-opentype'),
    url(../fonts/170612072107IRANSans_Medi.woff) format('woff')
    }
@font-face{
    font-family:kb;
    font-style:normal;
    src:url(../fonts/170612072127IRANSans_Bold.eot);
    src:local('iransans_bold'),
    url(../fonts/170612072127IRANSans_Bold.eot) format('embedded-opentype'),
    url(../fonts/170612072127IRANSans_Bold.woff) format('woff')
    }
@font-face{
        font-family:kl;
        font-style:normal;
        src:url(../fonts/170612072153IRANSans_Light.eot);
        src:local('iransans_light'),
        url(../fonts/170612072153IRANSans_Light.eot) format('embedded-opentype'),
        url(../fonts/170612072153IRANSans_Light.woff) format('woff')
    }
html {height: 100%; }
body {
    background-color: rgb(221 221 221 / 44%);
    color: #000000;
    direction: rtl;
    font-family: 'Cairo', serif;
    font-size: 13px;
    line-height: 1.7;
    min-height: 100%;
    position: relative;
    padding-bottom: 0px; 
}

.header_main_title{
  font-family: 'irn', serif;
  font-size: 65px;
    font-weight: bold;
    margin: 20px 0px 5px;
    color: #fff;
    text-align: center;
}
header .top_heading{
  font-family: 'irn', serif;
  font-size: 36px;
    color: #fff;
    text-align: right;
    margin-top: 20px;
    float: right;
}

a:hover, a:visited, a:link, a:active {text-decoration: none; }
a:focus, button:focus {outline: unset; }
.main-footer {
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    margin-top: 15px;
    padding-top: 15px;
    position: relative;
    right: 0;
}
.main-footer .footer-container{
    background: #bb0755;
    padding-bottom: 20px;
}
.main-footer .footer-container h3{
    font-size: 16px;
    color: #fff0f6;
    opacity: 0.7;
    border-bottom: 1px solid #da327b;
    padding: 25px 0px 10px;
    text-align: right;
}
.main-footer .footer-container ul{
    list-style: none;
    padding: 0px;
    line-height: 30px;
    margin: 0px;
    color: #fff0f6;
    font-size: 11px;
    text-align: right;
}
.main-footer .footer-container ul a{color: #fff0f6;font-size: 11px;}
.main-footer .footer-container ul li i {float: right;}
.main-footer > p {
    margin: 0px;
    color: #ecacc6;
    padding: 10px;
    background: #750636;
    font-size: 12px;
}
.footer-about-us p {font-size: 11px;text-align: justify;}
.footer-law a {color: #FFFFFF;}
/*header menu */
.main-nav {background-color: #3f87ab;padding: 0px;}
.main-nav .navbar-nav {padding: 0px;}
.main-nav .navbar-nav > li > a{
    color: #fff;
    font-size: 13px;
    padding: 10px;
    display: block;
}
.main-nav .navbar-nav > li > a:focus,
.main-nav .navbar-nav > li > a:hover {
    background-color: #38a9e1;
}
.main-nav .navbar-nav > li.active > a,
.main-nav .navbar-nav > li.active > a:focus,
.main-nav .navbar-nav > li.active > a:hover {
    background-color: #38a9e1;
}
.logo-box {float: left; }
.logo-box a {color: #000;}
.logo-box img {
    width: 100px;
    display: block;
    margin: 0 auto;
}
.logo-box span {
    font-size: 10px;
    top: -10px;
    position: relative;
    color: #fff;
}
.top-header{background-color: #38a9e1;padding-top: 15px;}
.top-header-title{
    float: right;
    text-align: right;
    color: #fff;
}
.top-header-title h1 {font-size: 30px;margin-top: 20px;}
.top-header-title .desc {
    margin-top: 20px;
    opacity: 0.7;
    font-size: 15px;
    padding-top: 40px;
}

.sec-menu-header{padding: 20px 0px;}
.logo-box .heading {margin: 0; }
.profile-box,
.profile-right-box,
.profile-center-box {
    background-color: #FFFFFF;
    border: none;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 3px 3px -2px rgb(0 0 0 / 89%);
}
.profile-box > a:not(.btn-padding) {padding: 15px 15px 5px; }
.profile-right-box,
.profile-center-box {
    padding: 15px; 
}
.profile-box,
.profile-right-box {
    text-align: right; 
}
.profile-right-box hr {margin-bottom: 15px;margin-top: 0; }
.profile-image-box {
    padding: 0;
    border: none;
    text-align: center;
    border-radius: 4px;
    width: 100%;
    height: 200px;
}
.profile-image-box img {
    border-radius: 4px;
    height: 200px;
    width: 100%;
    object-fit: cover;
}
.profile-name {
    font-size: 14px;
    margin-top: 15px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.profile-box .profile-link {
    color: #000000;
    cursor: pointer;
    display: block; 
}
.profile-box p{
    font-size: 14px;
}
.article {
    background-color: #FFFFFF;
    padding: 15px;
    margin-bottom: 15px; 
}
.col-five{
    box-sizing: border-box;
    width: 20%;
    padding: 0px 15px;
}
.jumbotron p {text-align: right;font-size: 13px;}
.main-container .jumbotron {
    margin-top: 30px;
    background-color: #fff;
    padding-top: 25px;
}
.main-container .jumbotron h2 a {font-size: 23px;color: #ff4992;}
.last-item-list .item-box {
    background-color: #fff;
    margin-bottom: 20px;
    box-shadow: 0 3px 3px -2px rgb(0 0 0 / 89%);
}
.item-image-box{width: 100%;height: 170px;}
.last-item-list .item-box .item-image-box img {
    width: 100%;
    height: 170px;
    //object-fit: cover;
}
.last-item-list .item-box .last-item-name {
    font-size: 14px;
    padding: 15px 15px 10px;
    text-align: center;
    color: #484747;
    font-weight: bold;
    line-height: 19px;
    margin: 0;
}
.last-item-list .item-box .last-item-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    padding: 0px 15px;
    color: #000;
    text-align: right;
    min-height: 45px;
}
.last-item-list .item-box .last-item-date {
    margin: 0px;
    padding: 0px 15px 5px;
    font-size: 11px;
    color: #000;
    opacity: 0.6;
    text-align: left;
}
.contact-us-page .jumbotron p {font-size: 15px;margin-top: 20px; text-align: justify;}
.form-container{
    position: relative;
    padding: 30px;
    margin-top: 25px;
    background-color: #fff;
    border-radius: 4px;
}
.form-container .form-field {margin: 8px auto;padding: 0px 50px;}
.form-container label {
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 40px;
    font-weight: normal;
    opacity: 0.6;
    display: block;
    width: 100%;
    text-align: right;
}
.form-container textarea{border: 1px solid #bdbdbd;border-radius: 2px;}
.form-container input,
.form-container select{
    height: 40px;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
}
.form-container .form-field select.birth_d {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.form-container .form-field select.birth_m {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
}
.swal2-title{
    font-size: 1.2rem !important;
}
.swal2-styled.swal2-cancel, .swal2-styled.swal2-confirm{
    font-size: 0.9rem !important;
}
.swal2-content{font-size: 1em !important;}
.form-container .form-field select.birth_y {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.form-container p.submit-txt {font-size: 14px;}
.form-container button.btn[type=submit] {
    margin: 30px 0px 10px;
    border: 1px solid #398439;
    padding: 10px;
}
.login-page .form-container a.btn[type=submit] {margin-top: 0px;}
.main-header {
    position: sticky;
    top: 0px;
    z-index: 99;
    border-bottom: 1px solid #fff0f6;
}
.login-page .remember_me input[type=checkbox]{
    float: right;
    margin: 0px;
    width: 16px;
}
.login-page .remember_me label{
    font-size: 14px;
    font-weight: normal;
    margin: 0px;
    line-height: 37px;
    padding-right: 10px;
}
.form-header {
    text-align: right;
    margin-bottom: 20px;
    padding: 10px 0px;
    border-bottom: 1px solid #d0d0d0;
    font-size: 14px;
    opacity: 0.6;
}
.home-page .form-header {background-color: #FFFFFF;padding: 10px 20px;}
ul.rolls-list li {
    margin: 20px 0px;
    text-align: justify;
    padding-left: 30px;
}
label.error {color: red;}
.captcha span.captcha-img{
    display: inline-block;
    width: 125px;
    height: auto;
}
.growing_spinners {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
}
.spinner-grow{
    width: 1.3rem;
    height: 1.3rem;
    background-color: #1f4354;
    margin: 0px 2px;
}
.profile_img {
    padding: 25px;
    border: 1px solid #ececec;
    border-radius: 2px;
    margin-top: 30px;
}
.profile_img img {
    float: unset;
    width: 100%;
    border-radius: 10px;
}
.profile_img input#system_favicon{display: none;}
.profile_img label[for='system_favicon']{
    background: gray;
    color: #fff;
    text-align: center;
    float: unset;
    padding: 10px;
    border-radius: 3px;
    display: block;
    margin: 20px auto;
}
.profile_submit .form-group {
    padding-top: 15px;
    border-top: 1px solid #b2c7d2;
    margin-top: 15px;
}
.profile_submit .form-group button{
    padding: 8px;
    width: 150px;
    border-radius: 2px;
}
.user_dashboar_main{position: relative;}
.main-nav > .container {position: relative;}
.main-nav ul.sign-nav{
    direction: ltr;
    position: absolute;
    left: 15px;
}
.main-nav ul.sign-nav .profile-nav > a{
    padding: 4px 10px;
    height: 100%;
}
.main-nav ul.sign-nav .profile-nav img{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
.main-nav ul.sign-nav .sub-menu{
    min-width: max-content;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    top: 95%;
    padding: 0;
}
.main-nav ul.sign-nav .sub-menu li a{
    width: 100%;
    display: block;
    color: #504f4f;
    padding: 7px 12px;
    font-size: 12px;
}
.main-nav ul.sign-nav .sub-menu li a:hover{color: #fff;background-color: #38a9e1;}
.main-nav ul.sign-nav .sub-menu li img{width: 45px;height: 45px;}
.comment-content {
    position: relative;
    padding:30px 0;
    box-shadow: 0 -1px 6px 1px rgba(0,0,0,0.1);
    background-color:#FFFFFF;
    text-align: right;
}
.comment-content h2 {
    font-weight:700;
    font-size:35px;
    line-height:45px;
    text-transform:uppercase;
    margin:20px 0;
}
.comment-content h3 {
    font-weight:400;
    font-size:13px;
    color:#555555;
    margin:10px 0 15px;
    padding:0;
}
.comment-content form {margin-bottom:30px;}
.comment-content .btn {margin-top:7px;font-size: 12px}
.comment-content form fieldset {clear:both;}
.comment-content form textarea {height:100px;}
.comment-content .media {
    border-top:1px dashed #DDDDDD;
    padding:7px 0;
    margin:0;
}
.comment-content .media > a {margin-left:20px;}
.comment-content img,
.comment-content .media img {max-width:60px;}
.comment-content .media h4 {
     margin:0 0 10px;
    font-weight: bold;
    font-size: 13px;
}
.comment-content .media h4 span {
    font-size:14px;
    float:right;
    color:#999999;
}
.comment-content .media p {
    margin-bottom:15px;
    text-align:justify;
    font-size: 13px;
}
.comment-content .media-detail {margin:0;padding: 0;}
.comment-content .media-detail li {
    color:#AAAAAA;
    font-size:11px;
    padding-right: 10px;
}
.comment-content .media-detail a:hover {text-decoration:underline;}
.comment-content .media-detail li:last-child {padding-right:0;}
.comment-content .media-detail li i {
    color:#666666;
    font-size:15px;
    margin-right:10px;
}
section.pricing {background: #fff;padding: 0 30px;}
.pricing .col-lg-3 {padding-right: 10px;padding-left: 10px;}
.pricing .card {
    border: 1px solid #d6d6d6;
    border-radius: 0px;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
}
.pricing .card .card-body {padding: 1.25rem 0.6rem;}
.pricing hr {margin: 1.5rem 0;}
.pricing .card-title {
    margin: 1rem 0 0.5rem;
    font-size: 0.9rem;
    letter-spacing: .1rem;
    font-weight: bold;
    text-align: center;
}
.pricing .card-price {
    font-size: 3rem;
    margin: 0;
    color: #15506f;
    direction: ltr;
    text-align: center;
}
.pricing .card-price .period {font-size: 0.8rem;opacity: 0.7;}
.pricing ul.fa-ul {margin-left: 0;min-height: 300px;}
.pricing ul li {margin-bottom: 1rem;text-align: right;}
.pricing ul li .fa-li{right: -2rem;left: 0;}
.pricing .text-muted {opacity: 0.7;}
.pricing .btn {
    width: 100%;
    font-size: 80%;
    border-radius: 5px;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 0.7;
    transition: all 0.2s;
}
.pricing .card:hover {
    margin-top: -.25rem;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
}
.pricing .card:hover .btn {opacity: 1;}
.web-profile{
    padding: 50px;
    background: #fff;
    text-align: right;
}
.web-profile .profile-img{text-align: center;}
.web-profile .profile-img img{width: 100%;min-height: 300px;}
.web-profile .profile-head h5{
    color: #333;
    font-size: 25px;
    margin-top: 10px;
}
.web-profile .profile-head h6{color: #2c6079;}
.web-profile .profile-tab-box .nav-tabs{
    margin-bottom: 4px;
    margin-top: 30px;
    padding: 0;
    min-width: 100%;
    white-space: nowrap;
    display: inline-block;
}
.web-profile .profile-tab-box .nav-tabs .nav-link{
    border: none;
    color: #818384;
    background-color: #f0f0f0;
    transition: all 0.3s linear;
    font-size: 13px; 
}
.web-profile .profile-tab-box .nav-tabs .nav-link.active{
    border: none;
    border-bottom: 2px solid #3f87ab;
    color: #3f87ab;
    background-color: unset;
}
.web-profile .profile-tab{padding-top: 30px;}
.web-profile .profile-tab label{
    font-size: 12px;
    color: #3f87ab;
    line-height: 35px;
}
.web-profile .profile-tab p{
    font-size: 14px;
    text-align: justify;
    min-height: 35px;
    line-height: 35px;
    text-decoration: underline solid lightgray;
}
.web-profile .profile-tab p.txt{line-height: 25px;text-decoration: none;font-size: 12px;}
.web-profile .profile-tab p sub{opacity: 0.65;}
.web-profile .proile-rating{
    font-size: 12px;
    color: #818182;
    margin-top: 5%;
}
.web-profile .proile-rating span{
    color: #495057;
    font-size: 15px;
    font-weight: 600;
}
.web-profile .resp-tab-header{min-width: 100%;overflow-x: auto;}
.web-profile .nav-tabs .nav-item{display: inline-block;}
.tariff-page .form-header{margin-bottom: 50px;}
.c_fieldset {
    border: 1px solid #eae9e9;
    padding: 15px;
    text-align: right;
    margin: 15px 0px;
}
.c_fieldset legend{
    width: auto;
    padding: 0px 5px;
    font-size: 14px;
    opacity: 0.6;
}
.form-control{
    font-size: 12px; 
    font-weight:normal;
}
.form-header .show-all{margin-top: -7px;min-width: 100px;font-size: 13px;}
.search-erea{
    background: #fbfbfb;
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0px 3px 2px -2px #9e9e9e;
}
.search-erea label{
    margin: 3px 5px;
    opacity: 0.6;
    font-size: 14px;
}
.search-erea input, .search-erea select {border: 1px solid #e2e2e2;border-radius: 2px;}
.pages-nav nav {text-align: center;}
.pages-nav nav ul.pagination {
    display: inline-flex; 
    direction: ltr;
    margin-top: 20px;
}
.pages-nav nav ul.pagination .page-link {padding: .7rem 1rem;}
.mstep-form .tab{
    display: none;
    width: 100%;
    height: 50%;
    margin: 0px auto;
}
.mstep-form .current{display: block;}
.mstep-form .tab .tab-title {
    text-align: center;
    padding-top: 15px;
    color: #1b5a79;
    font-size: 20px;
}
.mstep-form .mstep-btns {
    text-align: center;
    padding: 40px 0px;
    float: none;
}
.mstep-form .mstep-btns button {
    width: 100px;
    border-radius: 2px;
    padding: 10px 0px;
}
.mstep-form .mstep-step {
    text-align: center;
    margin-top: 40px;
    float: none;
}
.mstep-form .mstep-step .step {
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0 2px;
    color: #fff;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.8;
    line-height: 31px;
}
.mstep-form .step.active {opacity: 1;background-color: #bb0755;}
.mstep-form .step.finish {background-color: #4CAF50;}
.mstep-form .error {color: #f00;}
label.inline-lbl{width: fit-content;}
.radio-field {width: 100%;float: right;}
.radio-field input {
    width: 15px;
    margin-left: 10px;
    float: right;
}

.require-sign{color: red;}    
.u_side_btn {
    visibility: hidden;
    color: #fff !important;
    font-size: 19px;
    padding: 0px 19px;
    right: 15px;
    position: absolute;
    bottom: 0;
}
.resp-tab-header{min-width: 100%;overflow-x: auto;}
.resp-tab-header .nav-tabs .nav-item{display: inline-block;}
.resp-tab-header .nav-tabs {
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    margin-bottom: 8px;
}

/* rtl style */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.control-label,
label {
    float: right; 
}




/*jumah style*/
.datatable-search-result-conainer{
    overflow-x: auto;
}
.login_area .card_header{
    text-align:center;
}
.login_area .card_header h1{margin-top:0px;margin-bottom:35px;font-size: 1.6rem;}
.login_area .card_body{width:400px; margin:auto;}
.login_area .card_body .col-md-12 i{
        position: absolute;
    top: 13px;
    color: rgba(0, 0, 0, 0.45);
    right: 23px;
}
.login_area .card_body .input-box{
    border-radius: 0;
    border: 1px solid #ddd;
    font-size: 12px;
    padding: 20px 15px;
    padding-right: 30px;
}
.login_area .card_body input[type=checkbox], .login_area .card_body input[type=radio]{
    box-sizing: border-box;
    padding: 0;
    margin-top: 8px;
    margin-right:0px;
    height:13px;
}
.login_area .card_body .form-check-label{
    margin-bottom: 0;
    padding-right: 8px;
    float:none;
    font-size:13px;
}
.btn{font-size: 12px;}
.submit_form{
    text-align:center;
}
.invalid-feedback strong{color:red;font-size:13px;}




.user_dashboar{ 
    min-height:612px;
    direction:rtl;
    text-align:right;
    margin-top: -1px;
    overflow: auto;
    display: flex;
}
.user_dashboar ? header {border-top:2px solid red;}
.user_dashboar_sidebar{
  background:#3f87ab;
  width:25%;
}
.user_dashboar_sidebar ul{list-style:none; margin:0px; padding:0px;}
.user_dashboar_sidebar ul li a{color:#f3f2f2;display:block;border-bottom: 1px solid #69a5c3;padding:9px 20px;font-size:12px;}
.user_dashboar_sidebar ul li.active a{background:#62a2c1}
.user_dashboar_main{
    width:75%;
    padding:10px;
    background:#fff;

}
.user_dashboar_main .nav-tabs{
        border-bottom: 1px solid #3f87ab;
}
.user_dashboar_main .nav-tabs a{
    color:#3f87ab;
}
.user_dashboar_main .nav-tabs .nav-link:focus, .user_dashboar_main .nav-tabs .nav-link:hover{
   border-color:#3f87ab #3f87ab #3f87ab;    
}
.user_dashboar_main .nav-tabs .nav-item.show .nav-link, .user_dashboar_main .nav-tabs .nav-link.active{
    border-color:#3f87ab #3f87ab #fff;
}
.user_dashboar_main .nav-link{padding: .5rem 0.7rem;font-size: 13px;}
.user_dashboar_main .birth_date .col-sm-12{padding:0px;}
.user_dashboar .user_dashboar_main .tab-content {
   padding: 20px 10px;
}
.user_dashboar .user_dashboar_main .tab-content  button,
.user_dashboar .user_dashboar_main .tab-content  input[type="submit"],
.user_dashboar .user_dashboar_main .tab-content  input[type="button"]
{
    background:#3f87ab;
    font-size:13px; 
}
.user_dashboar .user_dashboar_main .tab-content  label{font-size:12px;}
.user_dashboar .user_dashboar_main .tab-content  input,
.user_dashboar .user_dashboar_main .tab-content  select,
.user_dashboar .user_dashboar_main .tab-content  textarea
{border-radius:0px;box-shadow:none;font-size:11px;resize:none;}
.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip{
    text-align:right;
}
.category-page .item-box, .single-page .item-box{
    text-align:right;
    padding:15px;
    box-shadow:0 3px 3px -3px rgb(111 111 111 / 89%);
}
.category-page .item-box .last-item-name, .single-page .item-box .last-item-name{
    font-size:13px;
}
.single-page .item-image-box,.single-page .item-box .item-image-box img{
    height:auto;
}
.single-page .description img{
    max-width:100%;
    margin:10px 0px;
}
.single-page .post-meta{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 4px 0px;
    font-size: 12px;
}
p{
    font-size:11px;
}
.single-page .content .description{margin-top: 20px;}
.single-page .content{
    margin-top:20px;    
}

.user_dashboar_main .inner-box{
    padding:20px 0px;
}
.user_dashboar_main table td, .user_dashboar_main table td a, .user_dashboar_main table th, .user_dashboar_main table button,  .user_dashboar_main .pagination li{
    font-size:12px; 
}
.user_dashboar_main .page-item:last-child .page-link{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.user_dashboar_main .page-item:first-child .page-link{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.user_dashboar_main .dropdown-item.active, .dropdown-item:active{
    background-color:transparent;
}
.user_dashboar_main .btn{
    padding:.3rem .5rem;
}


/*responsive styles*/
@media (max-width: 1200px) {
    .container{max-width: 100%;}
}
@media (max-width: 1100px) {
    .col-five{width: 50%;margin: 5px auto;}
}
@media (max-width: 992px){
    .top-header-title{display: none;}
    .logo-box{float: unset;text-align: center;}
    .main-nav{padding: 10px 20px;}
    .main-nav .navbar-nav {margin-top: 10px;}
    .main-nav .navbar-toggler {border-radius: 0px;padding: 3px 7px;}
    .main-nav ul.sign-nav {flex-direction: row; top: 0;}
    .main-nav ul.sign-nav .profile-nav > a {height: auto;}
    .main-nav ul.sign-nav .sub-menu{position: absolute;}
    .main-nav .container .navbar-nav li.nav-item{
        border: 1px solid #9fc3d5;
        border-bottom-width: 0;
        clear: both;
        width: 100%;
        text-align: right;
    }
    .main-nav .container .navbar-nav li.nav-item:last-child{border-width: 1px;}
    .main-nav ul.sign-nav > li.active > a, 
    .main-nav ul.sign-nav > li.active > a:focus, 
    .main-nav ul.sign-nav > li.active > a:hover,
    .main-nav ul.sign-nav > li > a:focus, 
    .main-nav ul.sign-nav > li > a:hover
    {background-color: unset;} 
    .u_side_btn{visibility: visible;}
    .user_dashboar{padding: 0;}
    .user_dashboar_sidebar{
        position: absolute;
        z-index: 999;
        min-height: unset;
        min-width: 160px;
    }
    .user_dashboar_sidebar .u_sidebar {
        display: none;
    }
    .user_dashboar_sidebar .show {
       display: block;
    }
    .user_dashboar_main{width: 100%;}
}
@media (max-width: 768px) {
    .main-footer .footer-container{padding: 15px;}
    .web-profile .profile-tab-box .nav-tabs .nav-link{font-size: 14px;}
    .header_main_title{font-size:2.6rem;line-height: 1.7;}
    header .top_heading{font-size:2.1rem;}
}
@media (max-width: 575px) {
    .comment-content .hidden-xs{display: none;}
    .comment-content img, .comment-content .media img
    {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
}
@media (max-width: 558px) {
    .form-header{}
    .form-header .show-all{}
    .col-five{width: 100%;}
    .c_fieldset {padding: 15px 10px;text-align: center;}
    .committee-page .c_fieldset {padding: 15px 0px;}
    .footer-law a{display: block; margin: 3px 0px;}
    .login_area .card_body{width: 100%;}
    .form-container .form-field{padding: 0px 15px;}
    .web-profile{padding: 50px 25px;}
}
@media (max-width: 384px) {
    .main-nav{padding: 10px;}
    .form-container{padding: 30px 15px;} 
    .main-nav ul.sign-nav li.profile-nav > a > span {display: none;}
    .main-nav ul.sign-nav li.profile-nav .dropdown-toggle::after {display: none;}
    .main-nav ul.sign-nav > li:last-child {display: none;}
    .main-nav ul.sign-nav .profile-nav img{display: block;}
    .comment-content img, .comment-content .media img
    {width: 45px;height: 45px;}
    .comment-content .media-detail li{font-size: 8px;}
}