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

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

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

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

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

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

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

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

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

.page
{
  width: 100%;
}
.page-md
{
  width: 100%;
}

.header .header-con .web-logo
{
  width: 40%;
  box-sizing: border-box;
  padding: 14px 5px;
}
.header .header-con .web-logo img
{
  position: relative;
  float: left;
  width: 66%;
  box-sizing: border-box;
  padding: 5px 8px;
}
.header .header-con .header-center
{
  width: 100%;
  padding: 5px 5px;
}
.header .header-con .header-center .search-box
{
  padding: 0px 0px;
  display: none;
}
.header .header-con .header-center .search-box .sr-form input
{
  width: 80%;
  padding: 8px 10px;
  border:0.5px solid #ccc;
}
.header .header-con .header-center .search-box .sr-form button
{
  width: 20%;
  border:0.5px solid #ccc;
}



.mob_btn_box
{
  display: block;
  position: relative;
  float: left;
  width: 10%;
  box-sizing: border-box;
}
.mob_btn_box a
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.mob_btn_box a i
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  cursor: pointer;
}


.header .header-con .header-center
{
  display: none;
}
.header .header-con .header-right
{
  position: relative;
  float: right;
  width: 50%;
}
.header .header-con .header-right .link {
    width: 40%;
}
.header .header-con .header-right .link a {
    padding: 18px 0px;
    font-size: 12pt;
    font-weight: bold;
    font-family: 'Calibri';
}
.header .header-con .header-right .link a span {
    padding: 18px 0px;
    font-size: 12pt;
    font-weight: bold!important;
    font-family: 'Calibri'!important;
}





.navbar
{
  display: none;
}


    .slider
    {
        position: relative;
        float: left;
        width: 100%;
        box-sizing: border-box;
        background: black;
    }
    .slider .slider-con
    {
        position: relative;
        float: left;
        width: 100%;
        box-sizing: border-box;
    }

.row
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
}
.row .row-con
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}


.heading {
  width: 100%;
  float: left;
  box-sizing: border-box;

}
.heading h1 {
  text-align: left;
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 10px 8px;
  
  font-weight: normal;
  color:black;
  font-size: 16pt;
  font-weight: bold;
}
  .common-image
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: #eee;
  }
  .common-image .common-image-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }
  .common-image .common-image-con img
  {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
  .common-image .common-image-up
  {
    position: absolute;
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 0px 0px;
    overflow: hidden;
    padding-bottom: 100px;
  }
  .common-image .common-image-up h2
  {
    position: relative;
    float: left;
    width: auto;
    box-sizing: border-box;
    padding: 10px;
    color: white;
    text-shadow: 1px 1px black;
    font-size: 25pt;
    font-family: 'Francois One';
  }
  .common-image .common-image-up .rec-link
  {
    position: relative;
    float: left;
    width: 80%;
    margin-left: 10%;
    box-sizing: border-box;
    padding: 10px;
    color: white;
    background: white;
    background: rgb(187,24,24);
background: linear-gradient(27deg, rgba(187,24,24,1) 9%, rgba(255,87,87,1) 100%);
background: rgb(187,24,24);
background: linear-gradient(27deg, rgba(187,24,24,0.7802405196629214) 9%, rgba(255,87,87,1) 100%);
    box-shadow: 0px 20px 20px -10px black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .common-image .common-image-up .rec-link a
  {
    position: relative;
    float: left;
    width: auto;
    padding: 10px;
    color: white;
    font-size: 11pt;
    letter-spacing: 0.5px;
    
  }
.body-content
{
position: relative;
float: left;
width: 100%;
box-sizing: border-box;
}



    .cnt-box
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .cnt-box .cnt-box-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0px;
  }
  .cnt-box .cnt-box-con h1,h2,h3,h4,h5,h6
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0px;
  }
  .cnt-box .cnt-box-con h1
  {
    font-size: 35pt;
  }
  .cnt-box .cnt-box-con h2
  {
    font-size: 30pt;
  }
  .cnt-box .cnt-box-con h3
  {
    font-size: 25pt;
  }
  .cnt-box .cnt-box-con h4
  {
    font-size: 20pt;
  }
  .cnt-box .cnt-box-con h5
  {
    font-size: 18pt;
  }
  .cnt-box .cnt-box-con h2 span
  {
    color: orange;
    
    font-weight: normal;
  }
  .cnt-box .cnt-box-con h1 span
  {
    color: orange;
    
    font-weight: normal;
  }


  .cnt-box .cnt-box-con p
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 0px;
    
    font-weight: normal;
    color: #333;
    text-align: justify;
  }
  .cnt-box .cnt-box-con ul
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 30px;
    
  }
  .cnt-box .cnt-box-con ul li
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 6px 0px;
    
  }
/*----------footer css-------*/


.footer
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;

}
.footer .footer-con .footer-top .footer-top-con .ft-left
{
  width: 100%;
  padding: 10px 30px;
}







.footer .footer-con .footer-top .footer-top-con .ft-center .ft-center-con .ft-link
{
  width: 100%;
  margin-top: 20px;
}




.footer .footer-con .footer-top .footer-top-con .ft-right
{
  width: 100%;
}

.footer .footer-con .footer-bottom
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  
}
.footer .footer-con .footer-bottom .footer-bottom-con
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 80px 0px;
}
.footer .footer-con .footer-bottom .footer-bottom-con .fb-left
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.footer .footer-con .footer-bottom .footer-bottom-con .fb-left p
{
  position: relative;
  float: left;
  width: 100%;
  padding: 12px 0px;
  font-family: 'Roboto';
  color: white;
  box-sizing: border-box;
  font-size: 11pt;
  text-align: center;
}
.footer .footer-con .footer-bottom .footer-bottom-con .fb-right
{
  position: relative;
  float: left;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 10px 0px;
}
.footer .footer-con .footer-bottom .footer-bottom-con .fb-right a
{
  position: relative;
  float: none;
  width: auto;
  box-sizing: border-box;
  padding: 6px 10px;
  color: #999;
}
.footer .footer-con .footer-bottom .footer-bottom-con .fb-right a i
{
  color: white;
}
  .an-state
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .an-state .an-state-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .an-state .an-state-con .st-box
  {
    position: relative;
    float: left;
    width: 16.6666%;
    box-sizing: border-box;
    padding: 10px;
  }
  .an-state .an-state-con .st-box .st-box-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border:1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -10px black;
    transition: 0.5s ease;
    cursor: pointer;
  }
  .an-state .an-state-con .st-box .st-box-con:hover
  {
    box-shadow: 0px 0px 30px -10px black;
  }
  .an-state .an-state-con .st-box .st-box-con .st-img
  {
    position: relative;
    float: left;
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
  }
  .an-state .an-state-con .st-box .st-box-con .st-img img
  {
    position: relative;
    float: none;
    width: 80%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
  }
  .an-state .an-state-con .st-box .st-box-con .st-desc
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .an-state .an-state-con .st-box .st-box-con .st-desc h2
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    height: 60px;
    padding: 6px 4px;
  }
  .an-state .an-state-con .st-link
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 50px 0px;
  }
  .an-state .an-state-con .st-link a
  {
    position: relative;
    float: none;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    padding: 14px 20px;
    font-size: 14pt;
    background: white;
    box-shadow: 0px 0px 10px -5px black;
    border:1px solid #ccc;
    color: black;
  }
  .an-state .an-state-con .st-link a i
  {
    background: black;
    color: white;
    border-radius: 50px;
    padding: 5px;
    margin-right: 6px;
  }

  .an-doctors
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0px;
  }
  .an-doctors .an-doctors-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .an-doctors .an-doctors-con .st-box
  {
    position: relative;
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 10px;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border:1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -5px black;
    transition: 0.5s ease;
    cursor: pointer;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con:hover
  {
    box-shadow: 0px 30px 30px -10px black;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con .st-img
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con .st-img img
  {
    position: relative;
    float: none;
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con .st-desc
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con .st-desc h2
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    
    font-size: 10pt;
    text-align: center;
    font-weight: bold;
    padding: 6px 4px;
    font-size: 14pt;
    height: 70px;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con .st-desc p
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    
    font-size: 10pt;
    text-align: center;
    font-weight: normal;
    padding: 6px 4px;
  }
  .an-doctors .an-doctors-con .st-box .st-box-con .st-desc p.add
  {
    height: 50px;
  }

  .an-doctors .an-doctors-con .st-link
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 20px 10px;
  }
  .an-doctors .an-doctors-con .st-link a.slink
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 8px 20px;
    font-size: 12pt;
    background: white;
/*    box-shadow: 0px 0px 10px -5px black;*/
    border:1px solid #ccc;
    color: black;
    border-radius: 50px;
    font-weight: normal;
    
    background: rgb(255,172,89);
background: linear-gradient(8deg, rgba(255,172,89,1) 0%, rgba(255,128,0,1) 33%, rgba(251,160,50,1) 59%, rgba(238,169,86,1) 86%);

  }
  .an-doctors .an-doctors-con .st-link a.slink i
  {
    background: black;
    color: white;
    border-radius: 50px;
    padding: 5px;
    margin-right: 6px;
  }

    .an-state-doctors
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0px;
  }
  .an-state-doctors .an-state-doctors-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .an-state-doctors .an-state-doctors-con .st-box
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border:1px solid #eee;
    border-radius: 10px;
    box-shadow: 0px 0px 10px -5px black;
    transition: 0.5s ease;
    cursor: pointer;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con:hover
  {
    box-shadow: 0px 30px 30px -10px black;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con .st-img
  {
    position: relative;
    float: left;
    width: 40%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con .st-img img
  {
    position: relative;
    float: none;
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con .st-desc
  {
    position: relative;
    float: left;
    width: 60%;
    box-sizing: border-box;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con .st-desc h2
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    
    font-size: 10pt;
    text-align: left;
    font-weight: bold;
    padding: 6px 4px;
    font-size: 18pt;
    color: black;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con .st-desc p
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    
    font-size: 10pt;
    text-align: left;
    font-weight: normal;
    padding: 6px 4px;
    color: black;
  }
  .an-state-doctors .an-state-doctors-con .st-box .st-box-con .st-desc p.add
  {
  }

  .an-state-doctors .an-state-doctors-con .st-link
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 20px 10px;
  }
  .an-state-doctors .an-state-doctors-con .st-link a.slink
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 6px 20px;
    font-size: 12pt;
    background: white;
    box-shadow: 0px 0px 10px -5px black;
    border:1px solid #ccc;
    color: black;
    border-radius: 50px;
    background: yellow;
  }
  .an-state-doctors .an-state-doctors-con .st-link a.slink i
  {
    background: black;
    color: white;
    border-radius: 50px;
    padding: 5px;
    margin-right: 6px;
  }

  .dtl-box
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0px;
  }
  .dtl-box .dtl-box-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .dtl-box .dtl-box-con .heading
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .dtl-box .dtl-box-con .heading h1
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    font-family: 'Exo 2';
    font-weight: bold;
    color: #ed3237;
  }
  .dtl-box .dtl-box-con .g-box
  {
    position: relative;
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 30px 10px;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con 
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px -10px black;
    background: none;
    border:3px solid rgb(187,24,24);
    border-radius: 10px;
    transition: 0.5s ease;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con:hover
  {
    background: white;
    box-shadow: 0px 0px 50px -5px rgb(187,24,24);
    transform: scale(1.1,1.1);
  }
  .dtl-box .dtl-box-con .g-box .g-box-con:hover  .g-icon i
  {
  border-color: rgb(187,24,24);
  color: rgb(187,24,24);
  }
  .dtl-box .dtl-box-con .g-box .g-box-con:hover h2
  {
  color: rgb(187,24,24);
  }

  .dtl-box .dtl-box-con .g-box .g-box-con .g-icon
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 30px 0px;
    text-align: center;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con .g-icon i
  {
    position: relative;
    float: none;
    width: auto;
    box-sizing: border-box;
    font-size: 18pt;
    text-align: center;
    padding: 16px 20px;
    color: white;
    border-radius: 50px;
    border:1px solid white;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con .g-img
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: 150px;
    overflow: hidden;
    text-align: center;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con .g-img img
  {
    position: relative;
    float: none;
    width: auto;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con h2
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 18pt;
    
    text-align: center;
    padding: 20px 20px;
    line-height: 35px;
    height: 7em;
    font-weight: bold;
    color: white;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con p
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    font-size: 12pt;
    font-family: 'Josefin Sans';
    text-align: center;
    padding: 10px 0px;
  }
  .dtl-box .dtl-box-con .g-box .g-box-con .g-link
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }

  .dtl-box .dtl-box-con .g-box .g-box-con .g-link a
  {
position: relative;
    float: left;
    width: 90%;
    margin-left: 5%;
    box-sizing: border-box;
    padding: 10px 30px;
    
    text-align: center;
    color: white;
    margin-bottom: 30px;
    background: #0163b3;
    margin-right: 10px;
    background: rgb(84,173,252);
background: rgb(0,72,125);
background: linear-gradient(90deg, rgb(104, 9, 11) 0%, rgb(237, 50, 55) 50%, rgb(69, 7, 9) 100%);
background: #ed3237;
border-radius: 50px;
  }




    .common-image
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .common-image .common-image-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    overflow: hidden;
  }
  .common-image .common-image-con img
  {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
      .breadcrumb
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
  }
  .breadcrumb .breadcrumb-con
  {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  .breadcrumb .breadcrumb-con a
  {
    position: relative;
    float: left;
    width: auto;
    box-sizing: border-box;
    
    padding: 6px 4px;
    font-size: 9pt;
    color: gray;
  }
  
}