/*-----------------------------------
  sidebar small only desktop
-----------------------------------*/

@media (min-width: 1024px) {
    /*-- small sidebar --*/
    #sidebar.active {
        min-width: 90px;
        max-width: 90px;
        text-align: center;
    }
    #sidebar.active .sidebar-header h3,
    #sidebar.active .CTAs {
        display: none;
    }
    #sidebar.active .sidebar-header strong {
        display: block;
    }
    #sidebar.active ul li a {
        padding: 10px 0;
        float: left;
        width: 100%;
        text-align: center;
    }
    #sidebar.active ul li a i {
        width: 100%;
        text-align: center;
        margin: 0 0 5px 0;
        font-size: 24px;
    }
    #sidebar.active ul ul a {
        padding: 10px !important;
    }
    #sidebar.active .dropdown-toggle::after {
        display: none;
    }
    nav#sidebar.active .logo_big {
        text-align: center;
        padding: 8px 0 7px;
    }
    #sidebar.active .logo_big img {
        height: 45px;
    }
    #sidebar.active .logo_section {
        padding: 0;
        margin-bottom: 10px;
        background: #fff;
        width: 100%;
    }
    #sidebar.active ul.components {
        padding: 0;
    }
    #sidebar.active .logo_big {
        display: none;
    }
    .logo_icon {
        display: none;
    }
    #sidebar.active .logo_icon {
        display: block;
    }
    #sidebar.active .logo_big img {
        height: 45px;
    }
    #sidebar.active h4 {
        display: none;
    }
    #sidebar.active .sidebar_user_info {
        display: none;
    }
    #sidebar.active ul li a span {
        font-size: 13px;
    }
   
    
}

@media (max-width:991px) {
    .logo_section img.logo_icon {
        display: none;
    }

    .top_logo_section {
        display: block
    }

    .sidebar_blog_1 {
        clip-path: polygon(83% 0, 100% 2%, 100% 100%, 0 100%, 0 0) !important;
    }
      

    .top_Bgright{
        margin-top:0px;
    }
}
/*-----------------------------------
  end sidebar small only desktop
-----------------------------------*/

@media (min-width: 1200px) and (max-width: 1600px) {
    .counter_section {
        display: block;
    }
    .couter_icon {
        display: block;
        width: 100%;
    }
    .couter_icon>div {
        padding-right: 0;
    }
    .counter_no p.total_no {
        text-align: center;
    }
    .counter_no .head_couter {
        text-align: center;
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .counter_section {
        display: block;
    }
    .couter_icon {
        display: block;
        width: 100%;
    }
    .couter_icon>div {
        padding-right: 0;
    }
    .counter_no p.total_no {
        text-align: center;
    }
    .counter_no .head_couter {
        text-align: center;
        font-size: 16px;
    }
    .dashboard_2 .social_cont ul li {
        padding: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }


    
}

@media (max-width: 575px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
  
}

@media (min-width: 576px) and (max-width: 767px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 575px) {
    body {
        overflow-x: hidden;
    }
    .container {
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width:769px) {
.page_title h2{ font-size: 1.45em;}
.page_title{ padding: 10px 12px 10px 12px;}
.page_title h2::before{display: none;}
}

/*--------------
SEc01
------------*/

.svideo-container{
    display:none !important;
}



@media (max-width: 1440px) {
    .topBg::before{    
        
            top: 95%;
        }
}


@media (max-width:1180px) {  
     .topBg::before{    
              top: 79%;
            }
    
    .bPadfull {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    #videoPadclose {
        display: none !important;
    }

    .svideo-container{
        display: block !important;
        margin-bottom: 7px;
    }

}

@media (max-width:1023px) {
    #sidebar.active + #content .topbar {
        padding-left: 0;
        min-width: 320px;
        left: 230px;
    }

    .Padfull {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .Pad_padding0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media (max-width:991px) {

 .mobile_open{display: block!important;}



    * {
        box-sizing: border-box;
    }
    #sidebar {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important;
    }
    #sidebar.active {
        margin-left: 0 !important;
    }
 
    
    /*-- responsive --*/
    #sidebar.active+#content .topbar {
        transition: ease all 0.3s;
    }
    .topbar {
        padding-left: 0;
        min-width: 320px;
    }


    .topbar .navbar {  
        border-radius: 0; 
       height:60px;
    }
    #content {
        padding: 60px 15px 25px 15px;
    }  
    

    #sidebar.active {
        min-width: 230px;
        max-width: 230px;
        text-align: left;
    }
    #sidebar.active+#content {
        padding-left: 0;
        left: 230px;
        position: relative;
        min-width: 300px;
        height: auto;
        transition: ease all 0.3s;
    }
    .right_topbar .icon_info ul.user_profile_dd {
        display: none;
    }
    .right_topbar {
        display: none;
    }

    .sidebar_toggle {
        padding: 14px 22px 13px;
    }
    .logo_section img {
        height: 38px;
        padding: 0;
        margin: 10px 0 0 15px;
    }

    .icon_info_mobileBox{
        width: 100%  !important;
        margin-top: 5px;
        position: relative;
    }

 .icon_info ul{
        background: transparent !important;
        float: none;
        width: auto;
        list-style: none;
        margin: 0 ;
        text-align: center;
        padding: 0;
      }
    .icon_info ul li {
      
          display: inline-block !important;
          margin: 0 0 0 7px!important;
    }

    .icon_info ul li a{
        display: inline-block !important;
        padding: 0 15px!important;
        text-align: center!important;

  }
    .icon_info_mobileBox .icon_info ul li img {
        display: block;
        text-align: center;
        border: none;
        width:32px;
        max-width: 32px;
        height: 32px;
        margin: 0px;
        padding: 0px;
    }
 
  
}
@media (max-width:640px) {
    #sidebar.active .siderBar_login {
        max-width: 100%;
        width: 100%;
        left: 7px;

    }

  
#sidebar.active .siderBar_login {
    max-width: 90%;
    width: 90%;
    left: 7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


}


@media (max-width: 767px) {

    .mainblue_bg::before {
        max-width: 80%;
        width: 80%;
        top: 155px;
    }
  
    .progress_bar {
        padding: 15px 25px 50px 25px;
    }
    .dash_head {
        padding: 30px 30px 25px;
    }
    .topBg::before{    
       display: none;
        
    }

    #content {
        padding-left:0;
        padding-right: 0;
        padding-bottom: 0;
    }  
    
   
}

@media (max-width: 350px) {
    .icon_info ul li {
        margin: 15px 0 0 0;
    }
}



/*---main table---*/

@media screen and (max-width: 1440px) {
    .progress_bar_inner {
       
        margin-right: 10px;
    
      }

    .listTable table tbody>tr th {
        font-weight: bold;
    }

    .listTable td {
        color: #000;
    }

    .listTable tbody th,
    .listTable tbody td {
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        font-size: 1.1rem;
        vertical-align: middle;
        border: 1px solid #d7d4ce;
    }



.RtableArea::before{      
    clip-path: polygon(0 0, 20% 2%, 19% 98%, 0% 100%);
 }
 }
 @media screen and (max-width:1440px) {
    .RtableArea {
        max-width: 98%;
        margin-left:55px
     }
    
    }


@media screen and (max-width:1368px) {
  

    .listTable table {
        display: block;
    }

    .listTable thead tr .listTable tbody tr,
    .listTable tfoot tr {
        height: auto;
    }


    .listTable:not(.noScrollbar) tr th {
        min-width: 100px;
    }

    .listTable:not(.noScrollbar) {
        overflow: auto;
        white-space: nowrap;
        border-collapse: separate;
        width: 100%;
        min-width: 100%;
        display: block;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .listTable thead,
    .listTable tfoot .listTable tbody {
        color: #000;
        vertical-align: middle;
        width: 100%;
        min-width: 100%;
        text-align: center;
        border-color: inherit;
    }
}
@media (max-width:1080px) {
    .RtableArea {
        max-width: 100%;
        margin-left:auto;
    
      }
    
    }

@media screen and (max-width:853px) {
    .listTable .Hidetd {
        display: none;
    }
}

@media screen and (max-width: 812px) {

.RtableArea::before{      
   display: none;
 }

}

@media screen and (max-width: 480px) {


    .listTable tbody th,
    .listTable tbody td {
        font-size: 1rem;
        padding:5px;
    }



    .listTable tr th, .listTable:not(.noScrollbar) tr th {
        font-size: 1.063rem;
    }
    .TxtArea {
        padding:0;
        word-break:unset;
    }
    .itableArea,.white_shd {
        padding: 0;
    }

    .listTable:not(.noScrollbar) tr td {
        min-width: 100px;
    }

}


@media screen and (max-width: 1368px) {
.footer::before {  
  
  left:57%;
  bottom:90px;
}
}

@media screen and (max-width: 1180px) {
    .footer-inner {
        padding: 0 0 0 0
    }

    .footer-info {
        margin-top: 0;
    }
}
@media screen and (max-width: 812px) {
.footer {
    padding: 0px 15px 0 15px;
    min-height: 125px;
}

}

@media screen and (max-width: 812px) {

.tab_style #v-pills-tab {
    float: left;
    width: auto;
    min-width: 100%;
}


.tab_style .tabbar {
    display: block;
  
}

.tab_style #v-pills-tabContent {

    width: 100%;
    max-width: 100%;
    padding: 20px 10px;
    display: block;
    border-top: #ddd solid 2px;
}

}