@media screen and (max-width:1540px){
 .share_link_body_con_right_form .readlink{ width: 32%;}
 .admininnerbodyform_wrapper{ width: 90%;}
}

@media screen and (max-width: 1500px){
.managementpage th span.material-icons { margin-top: -3px; position: absolute;}
}

@media screen and (max-width: 1480px){
 .adminDB_banner_con_text_block h2{ font-size: 40px;}
}
 
@media screen and (max-width: 1460px) {
.adminDB_block2_con_text h2 { width: 80%; float: left;}
.share_linkwrapperbody input[type="text"] {   width: 70%;}
.share_link_body_con_right_form input[type="text"] { width: 70%;}
.adminDB_block2 .adminDB_block2_con{ height: 230px;}
.adminDB_block2 .adminDB_block2_con .adminDB_block2_con_text .adminDB_BTN {  box-shadow: none; margin-top: 10px; float: none; display: block; }
 }
 
@media screen and (max-width: 1420px){
.adminDB_banner_con_text_block h2{ font-size: 30px; width: 80%; text-align: left;}
.adminDB_banner_con_text_block_form h2{ font-size: 30px; width: 80%;}
.adminDB_banner_con_text_block_form h2 span{ font-size: 28px;}
}
 
@media screen and (max-width: 1380px){
 .share_link_banner_con_form{ background-position: 640px top;}
 .adminDB_banner_con_text_form{ width: 60%;}
 
}
 @media screen and (max-width: 1360px){
  .share_link_body_con_div_img {  height: 280px;   }
  .share_link_body_con_right_form .readlink{ width: 30%;}
  .share_link_banner_con_form{ background-position: 600px top;}
  
}
 
@media screen and (max-width: 1280px) {
 .adminDB_block2_con_text h2 {  width: 70%;  float: left;  }
 .adminDB_banner_con{ background-position: 600px top;}
 .adminDB_banner_con_text{ width: 70%;}
 .adminDB_banner_con_form{ background-position: 550px top;}
 .adminDB_banner_con_text_form{ width: 70%;}
 .share_link_banner_con_form{ background-position: 550px top;}
 
}
 
@media screen and (max-width: 1260px){
 .share_link_body_con_div_img {   height: 260px;  }
 .managementpage .tablewrapper {     overflow-x: scroll;}
 .blog_managementbody .tablewrapper { overflow: hidden;  overflow-x: scroll;}
}
 

@media screen and (max-width: 1240px){
  .share_link_banner_con_form{ background-position: 500px top;}
 }

 
@media screen and (max-width:1220px){
  .share_link_body_con_right_form .readlink{ width: 28%;}
  .share_link_body_con_right_form input[type="text"]{ width: 68%;} 
  .con_wrapper .shop_newtextblock .shop_newtextblock_textcon{ width: 29%;}
 }

 @media screen and (max-width: 1199px) { 
 .adminDB_banner_con_text_block{ width: auto;}
  .AddEditBlog .files-view { width: 100%!important;  }
 .AddEditBlog .button-group {  height: auto!important;  height: auto!important; width: 92.6%!important;   }
 .share_linkwrapperbody{ display: block;}
 .share_linkwrapperbody button{ margin: 15px 0 0 0; }
 .share_linkwrapperbody input[type="text"] {   width: 97.5%; }
.adminDB_block2_con_text h2 {  font-size: 26px!important;    line-height: 32px!important;  }
.share_link_body_con_div_img {  height: auto; border: none; }
.share_link_body_con_div_img img{border: solid 1px #a8aaac; width: 99%; display: block; margin: 0 auto;}
.share_link_body_con_div { width: 100%;}
.share_link_body_con_div:first-of-type{ margin-bottom: 25px;}
 .share_link_body_con2 { display: block;}
.con_wrapper .shop_newtextblock_imgcon {  width: auto;  }
.con_wrapper .shop_newtextblock_imgcon ul { margin: 0; padding: 0;position: relative;display: block;width: 100%; text-align: center; clear: both; }
.con_wrapper .shop_newtextblock_imgcon ul li { display: inline-block; width: 170px; margin: 10px 1%; text-align: center; }
.con_wrapper .shop_newtextblock .shop_newtextblock_textcon p{ display: block; width: 100%; text-align: center;}
.con_wrapper .shop_newtextblock .shop_newtextblock_textcon {  width: auto; float: none;   margin: 0 5px;  text-align: center; }
.con_wrapper .shop_newtextblock{ display: block;}
 .sharelink_icon1 {  float: right;   margin: 0;   position: inherit;  left: 0;  bottom: 0;  width: 25px; margin-top: -46px;  }
.share_link_body_con_right_form{ position: relative;}
.share_link_body_con_right_form input[type="text"] {  width: 97.5%;  float: none; display: block;  }
 .share_link_body_con_right_form .readlink { width: 97.5%; }
 .share_link_body_con_right_form button{ display: block; float:none; margin: 10px 0;}
.share_link_body_con_right_form label{ display: block; float: none; margin: 0px;}
 .share_link_body_con {  display: block;}
 .share_link_body_con_left {width: 250px; border: solid 1px #c5cacb; margin: 0 auto; margin-bottom: 15px; }
 .share_link_body_con_right {  width: 100%;}
 .share_link_body_con_right_wrapper{ display: block;}
.foot_menu a { font-size: 14px;  }
 .managementpage .mat-toolbar-row .mat-form-field {    display: block!important;  width: 99%!important;  margin: 0 auto; }
.blog_managementbody .mat-toolbar-row .mat-form-field {    display: block!important;  width: 99%!important; margin: 0 auto; }
 .blog_managementbody .tablewrapper { overflow: hidden;  overflow-x: hidden;}
.blog_managementbody thead{ display: none;}
.blog_managementbody tbody { display: block!important;  height: auto!important; width: auto!important;}

.blog_managementbody tr {margin-bottom: 10px;display: block!important; height: auto!important; width: auto!important;  border: solid 1px #c7d7dc!important;}
.blog_managementbody td:last-of-type{ clear: both; overflow: hidden;}
.blog_managementbody td:last-of-type section{ display: inline-block; float: left; margin-right: 10px;}


.blog_managementbody td {
display: block!important;
text-align: left; width: auto!important;

height: auto!important; min-height: 20px;  
}

.blog_managementbody td:before {
content: attr(data-label);
float: none; display: block;
text-transform: uppercase;
font-weight: bold;
}
.blog_managementbody td:before {
  content: attr(data-label);
  float: none; display: block;
  text-transform: uppercase;  
  font-weight: bold;   width: 100%;  padding-bottom: 10px;
}
.blog_managementbody td:before {
    content: attr(title);
    float: none; display: block;
    text-transform: uppercase;  
    font-weight: bold;     width: 100%;  padding-bottom: 10px;
  }


  .blog_managementbody tr:nth-of-type(odd){ background: #f2f8fa;}

  .blog_managementbody tbody tr:last-of-type td:last-of-type {
    border-radius: 0!important;
}

.blog_managementbody tbody tr:first-of-type td:first-of-type{
    border-radius: 0!important;
}
.blog_managementbody tbody tr:last-of-type td:first-of-type {
    border-radius: 0!important;
}

.blog_managementbody tbody tr:first-of-type td:last-of-type {
    border-radius: 0!important;
}
 .blog_managementbody td{    border: solid 1px #c7d7dc!important;  padding: 8px!important}
 
.mat-checkbox-inner-container-no-side-margin{ margin-left: 0px!important;}
 
 }

@media screen and (max-width:1160px){
 .share_link_banner_con_form{ background-position:440px top;}
  .adminDB_banner_con {  background-position: 510px top; }
 .adminDB_banner_con_form {  background-position: 480px top;  }
 .share_link_banner_con_form {  background-position: 480px top; }

}
 


 @media screen and (max-width: 1080px) {
.managementpagemainbody .mat-tab-labels {  display: block!important;}
 .managementpagemainbody .mat-ink-bar{ display: none;}
 .managementpagemainbody  .mat-tab-label {   min-width: inherit;  width: 100%; margin: 0 0 1px 0;  }
 .adminDB_banner_con {   background-position: 450px top; }
 .adminDB_banner_con_form {  background-position:360px top; }
 .share_link_banner_con_form { background-position:360px top; }
  
}
 
 
@media screen and (max-width: 991px) {
.adminDB_banner_con_text_block h2{ font-size: 36px; width: auto; }
.adminDB_banner_con_text_block_form h2{ font-size: 36px; width: auto; }
.AddEditBlog .files-view{ height: auto!important; display: block!important;}
  .adminDB_banner_con_text_block_form h2{ width: 94%;   max-width: inherit; padding: 15px 3% 20px 3%;}
  
.blog_managementbody .tablewrapper {  overflow: hidden;   overflow-x: hidden;  }
.blog_managementbody thead{ display: none;}

.blog_managementbody tbody { display: block!important;  height: auto!important; width: auto!important;}


.blog_managementbody tr {
    margin-bottom: 10px;
    display: block!important;
    height: auto!important; width: auto!important;  border: solid 1px #c7d7dc!important;
}

.blog_managementbody td:last-of-type{ clear: both; overflow: hidden;}
.blog_managementbody td:last-of-type section{ display: inline-block; float: left; margin-right: 10px;}

 
.blog_managementbody td {display: block!important; text-align: left; width: auto!important; height: auto!important; min-height: 20px;  }

.blog_managementbody td:before {
    content: attr(data-label);
    float: none; display: block;
    text-transform: uppercase;
    font-weight: bold;
 }
.blog_managementbody td:before {
      content: attr(data-label);
      float: none; display: block;
      text-transform: uppercase;  
      font-weight: bold;   width: 100%;  padding-bottom: 10px;
 }
.blog_managementbody td:before {
        content: attr(title);
        float: none; display: block;
        text-transform: uppercase;  
        font-weight: bold;   width: 100%;  padding-bottom: 10px;
}

  
 .blog_managementbody tr:nth-of-type(odd){ background: #f2f8fa;}

 .blog_managementbody tbody tr:last-of-type td:last-of-type {
        border-radius: 0!important;
    }
 
.blog_managementbody tbody tr:first-of-type td:first-of-type{
        border-radius: 0!important;}
 .blog_managementbody tbody tr:last-of-type td:first-of-type {
        border-radius: 0!important;  }
    
 .blog_managementbody tbody tr:first-of-type td:last-of-type {   border-radius: 0!important; }

  .blog_managementbody td{    border: solid 1px #c7d7dc!important;}
 
.managementpage .tablewrapper {
    overflow: hidden;
    overflow-x: hidden;
}
.managementpage thead{ display: none;}



.managementpage tbody { 
display: block!important;  height: auto!important; width: auto!important;
}


.managementpage tr {
margin-bottom: 10px;
display: block!important;
height: auto!important; width: auto!important;  border: solid 1px #c7d7dc!important;
}

.managementpage td {
display: block!important;
text-align: left; width: auto!important;

height: auto!important; min-height: 20px;  
}

.managementpage td:before {
content: attr(data-label);
float: none; display: block;
text-transform: uppercase;
font-weight: bold;   padding-bottom: 10px;
}
.managementpage td:before {
  content: attr(data-label);
  float: none; display: block;
  text-transform: uppercase;  
  font-weight: bold;   width: 100%; padding-right: 0px;  padding-bottom: 10px;
}
.managementpage td:before {
    content: attr(title);
    float: none; display: block;
    text-transform: uppercase;  
    font-weight: bold;   width: 100%; padding-right: 0px;  padding-bottom: 10px;
  }


  .managementpage tr:nth-of-type(odd){ background: #f2f8fa;}

  .managementpage tbody tr:last-of-type td:last-of-type {
    border-radius: 0!important;
}

.managementpage tbody tr:first-of-type td:first-of-type{
    border-radius: 0!important;
}
.managementpage tbody tr:last-of-type td:first-of-type {
    border-radius: 0!important;
}

.managementpage tbody tr:first-of-type td:last-of-type {
    border-radius: 0!important;
}

 
.managementpage td{    border: solid 1px #c7d7dc!important;}
 
.adminDB_banner_con_text_block{ display: block; height: auto;}

.adminDB_banner_con_text {  width: 100%; background-image: none; background-color: #fd5b5b;     border-radius: 6px; }

 .adminDB_banner_con_text_block_form{ display: block; height: auto;}

  .adminDB_banner_con_text_form {   width: 100%; background-image: none; background-color: #fd5b5b;     border-radius: 6px;}

.admininnerbody {  padding: 5px; padding-top: 5px; }

    
 .adminDB_banner_con {  background-position: center top;  background-size: 100%; padding-top: 42%; }
 .adminDB_banner_con_form {   background-position: center top;   background-size: 120%; padding-top: 50%;  }
.share_link_banner_con_form { background-position: center top; background-size: 120%; padding-top: 50%; }
.form_input_class {width: 99%; float: none;}
 .imgmobileblock2{display: block;}
 
.sub_dropdown_new{ display: none; position: inherit; z-index: 9; left: 0;  top:0px; min-width:inherit; }

.loginbody h2::after{ display: none;}
.loginbody .example-container{ margin-left: 0px;}
 
}

 @media screen and (max-width: 767px) {
   
  .adminDB_banner_con_text_block h2{ font-size: 28px; text-align: left!important; width: auto;}
  .adminDB_banner_con_text_block_form h2{ font-size: 28px;}
  .adminDB_banner_con_text_block_form h2 span{ font-size: 24px;}
  .ui-progressbar{ text-align: left!important;}
  .ui-progressbar-value{ text-align: left!important; margin: 0!important;}
  
 }

@media screen and (max-width:700px) {
  .loginbody .mat-card{ width: 80%!important;}
  .loginbody h2{ line-height: 30px;}
}


@media screen and (max-width:680px){
  
    .managementpagemainbody .mat-tab-labels {
        display: block!important;
    }
    .managementpagemainbody .mat-ink-bar{ display: none;}

    .managementpagemainbody  .mat-tab-label {
        min-width: inherit;
        width: 100%; margin: 0 0 1px 0;
    }
}

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

 .share_linkwrapperbody button{ margin:0 auto; margin-top:15px; display: block; float: none; }
 .share_link_body_con2_btn {
        float: none; 
        display: block;
        margin: 0 auto;
        width:auto; text-align: center;
       
        clear: both;
        overflow: hidden;
    }

  .share_link_body_con2_btn button{ display: inline-block!important; margin: 4px!important; float: none!important; width: 128px!important;}

 .share_link_body_con2_share {
        display: block;
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

  .share_link_body_con2_share img {
        margin: 0 1px;
    }
 
 
    }
    
@media screen and (max-width: 600px){

    .modal-localdata .innerhtml-content img {
        display: block;
        width: 100%;
        margin: 1px 0;
    }

    .mat-dialog-container .mat-card-content {
        font-size: 16px;
        padding-left: 0px;
        width: auto;
    }

   
    .custom-modalbox-apidata .mat-card-content p {
        padding-left: 0;
        font-size: 16px;
        padding-top: 5px;
    }
    .custom-modalbox-apidata .mat-card-header {
        width: 100%;
    }

    .custom-modalbox-apidata .mat-dialog-container .example-card {
        display: block;
    }



    .custom-modalbox .mat-card-content p {
        padding-left: 0;
        font-size: 16px;
        padding-top: 5px;
    }
    .custom-modalbox .mat-card-header {
        width: 100%;
    }

    .custom-modalbox .mat-dialog-container .example-card {
        display: block;
    }
  
     
    .blog_managementbody td {  min-height: 30px;  }
 
    .managementpage td {  min-height: 30px;  }

      
}

 
@media screen and (max-width: 550px) {
  
    .mat-dialog-container{ min-width: 90%!important;}
}
 

@media screen and (max-width:520px){
  .blog_managementbody  .block-header-title{    padding:0;  background: #fff;  }
  .blog_managementbody  .block-header-title p{ display:  block; padding: 6px 15px 6px 15px;  background: #063c65; margin-bottom: 10px; border-radius: 8px;} 

 }
 

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

   

    .managementpage mat-label {
        padding-right: 0!important;
    }
    .managementpage .lib-pager-class{ width: 100%!important;}

    .managementpage .lib-pager-class mat-label {
        float: none;
        margin-top: 0;
        display: block;
        text-align: center; padding-bottom: 5px;
    }
    .managementpage .lib-pager-class span:nth-of-type(1) {
        float: none;
    }
    .managementpage .lib-pager-class span:nth-of-type(2) {
        float: none;
    }
  
  

    .loginbody .mat-card{ background-size: 200px;}

    .loginbody .mat-card {
        width: 90%!important;
    }
 }
  
@media screen and (max-width:420px) {

    .admintooltip2 { 
        display: inline-block; 
        position: inherit;
        right: 0;  top: 0;
    }

    .admintooltip3 { 
        display: inline-block; 
        position: inherit;
        right: 0;  top: 0;
    }


    .share_link_body_con_share_wrapper {
        display: block; margin-bottom: 15px; 
    }
 
    

    
   

 

 
}