@media only screen and (max-width: 768px){
   div.gallery-items , div.video-items {
      margin: 10px 0;
   }
   .gallerys{
   display: initial !important;
   }
   div#big , div#bigs {
    height: 270px;
    max-height: 60vh;
}
   .pop3 .modal{
      width: 95%;
      height: 380px;
   }
   .pop4 .modal{
      width: 95%;
      height: 380px;
   }
   .single-img img {
    margin-bottom: 10px;
}
   .comment_section{
      width: 100%;
   }
      div.blog span.owl-prev {
    top: -1px;
}
   .blog-box-img img {
    min-height: auto;
}
    .lang-btn .sl-nav:before {display: none;}
   .lang-btn {
    display: block;
    position: absolute;
    left: 0;
    top: 34px;
}
   .aboutpageright h2{
      margin-top: 10px;
   }
.copyright {
    padding-bottom: 100px;
}
   .titleblogbox h1{
      margin-top: 20px;
   }
   .titleblogbox p {
    color: #4E4E4E;
    font-size: 14px;
    line-height: 33px;
}
   .linkshort {
    text-align: center;
}

.social {
    text-align: center;
    margin-top: 12px;
}
   .rightscrltabtext li{
      width: 100%;
   }
   .gallery a{
      width: 49%;
      margin: 0;
   }
   .surgicalinformationbox{
      flex-wrap: wrap;
   }
   .surgicalinformationbox .databoxsp{width: 33%;margin-bottom: 20px;}
   .righttitlelist ul li a{
      color: #fff
   }
   .titlelistbox{
      padding: 12px 0;
      background: var(--color1);
   }
   .righttitlelist ul li{
      width: 32%;
      font-size: 14px;
      text-align: center;
      padding: 0;
      margin-bottom: 10px;
   }
   .lefttitlelist {display: none;}
   .righttitlelist ul {
    padding-right: 10px;
    position: relative;
    top: 2px;
}
   div#button{
      display: none;
   }
   .bannerpage {
    min-height: 300px;
    padding: 140px 0 40px 0;
}
   .historylogo{
      padding-top: 30px;
      margin-top: 50px;
      padding-bottom: 0;
   }
   .historylogo:before{
      background: linear-gradient(180deg, rgba(10, 75, 130, 0.1) 0%, rgba(10, 75, 130, 0.1) 100%);
   }
   .hst1:before {
    right: 0;
    left: 0;
    top: unset;
    margin: 0 auto;
    bottom: -20px;
}
      .hst2:before {
    right: 0;
    left: 0;
    top: unset;
    margin: 0 auto;
    bottom: -20px;
}
      .hst3:before {
    right: 0;
    left: 0;
    top: unset;
    margin: 0 auto;
    bottom: -20px;
}
   .hst {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}
   .moretextabout img{
      width: 100%;
   }
   .sidebtnmob{
      display: block;
   }
   a.mobilebtn {
      display: inline-block;
      padding: 7px 50px;
   }
   .titlebox a {
      display:none;

   }
   .boxfooter4 , .boxfooter3 {
    width: 50%;
}
   .callcenterbox {
    padding: 30px 0 7px 0px;
    margin: 20px 0 20px 0;
}
   .callcenterleft a {padding-left: 6px;}
   .callcenterleft i{
      left: auto;
      position: relative;
   }
   .callcenterleft{
      text-align: center;
   }
   .callcenterright {
    padding-right: 15px;
    text-align: center;
}
   .callcenterright:before {
   display: none;
   }
   .titleboxcenter h3{
      font-size: 36px;
   }
 span.owl-prev {
    left: -5px !important;
    width: 23px;
    height: 23px;
}
 span.owl-next {
    right: -10px !important;
    width: 23px;
    height: 23px;
    top: 10px;
}
.singleproject span.owl-next {
    right: 6px !important;
}
   .singleproject span.owl-prev {
    left: 14px !important;
}

      .databoxsp img{
      left: 0;
      margin: 0 auto;
   }
   span.pcdt{
      font-size: 13px;
   }
   .dataspecial .col-lg-4 {
    width: 33%;
    padding: 0 5px;
 }
   span.titledt{
      font-size: 13px;
   }
   .leftspecial p{
      line-height: 2;
      text-align: justify;
   }
   .dataspecial .col-lg-4:last-child .databoxsp{
      margin-bottom: 0
   }
   .imgspecial:before {
    left: 15px;
    top: -15px;
}
   .specialservices{
      padding: 90px 0 80px 0;
   }
   .databoxsp{
   /* margin-bottom: 30px; */
   padding-right: 0;
   padding-top: 53px;
   text-align: center;
   }
   
   .bestproject {
    padding-top: 50px;
}
.sliderleft img {
    width: 100%;
    height: auto;
}
   a.moreabout {
    padding: 8px 30px;
}
   a.videoabout {
    padding-left: 0px;

}
   .sliderright p {
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    margin: 4px 0 15px 0;
}
   .sliderright h2 {
    font-size: 20px;
}
   .sliderright {
      text-align:center;
}
   .sliderright h1 {
    font-size: 50px;
    margin-top: 12px;
}
   .slider:before {width: 100%;border-radius: 0;height: 670px;}
   .slider {
    padding-top: 100px;
}
   .menu-btn{
    display: block;
    position: absolute;
    right: 20px;
    top: 31px;
    font-size: 25px;
}
.righthe , .lefthe {
    display: none;
}

.centerthe {
    text-align: center;
}

.centerthe img {width: 80px;position: relative;top: 10px;}
   .row.column-reverse {
    flex-direction: column-reverse;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px){

      .blog-box-img img {
    min-height: auto;
}
    .lang-btn .sl-nav:before {display: none;}
   .lang-btn {
    display: block;
    position: absolute;
    left: 0;
    top: 40px;
   }
   .widget_categories, .popular-post {
    width: 49%;
    display: inline-grid;
    margin: 0 2px;
}

   .lefttitlelist {display: none;}
   .righttitlelist ul {
    padding-right: 10px;
    position: relative;
    top: 2px;
}
   div#button{
      display: none;
   }
   
   .gallery a {
    width: 32.8%;
    margin: 0;
}
   .rightscrltabtext li{
      width: 49%;
      margin: 5px 0;
   }
   .singleproject span.owl-next {
    right: 6px !important;
}
   .singleproject span.owl-prev {
    left: 14px !important;
}
   .blog .col-lg-4.col-md-6:last-child {
    display: none;
}
   .boxfooter4 , .boxfooter3 {
    width: 50%;
}
   .callcenterbox {
    padding: 30px 0 7px 0px;
}
   .callcenterleft a {padding-left: 6px;}
   .callcenterleft i{
      left: auto;
      position: relative;
   }
   .callcenterleft{
      text-align: center;
   }
   .callcenterright {
    padding-right: 15px;
    text-align: center;
}
   .callcenterright:before {
   display: none;
   }
   .titleboxcenter h3{
      font-size: 36px;
   }
 span.owl-prev {
    left: -15px !important;
    width: 23px;
    height: 23px;
}
 span.owl-next {
    right: -24px !important;
    width: 23px;
    height: 23px;
    top: 10px;
}


      .databoxsp img{
      left: 0;
      margin: 0 auto;
   }
   span.pcdt{
      font-size: 13px;
   }
   .dataspecial .col-lg-4 {
    width: 33%;
    padding: 0 5px;
 }
   span.titledt{
      font-size: 13px;
   }
   .leftspecial p{
      line-height: 2;
      text-align: justify;
   }
   .dataspecial .col-lg-4:last-child .databoxsp{
      margin-bottom: 0
   }
   .imgspecial:before {
    left: 15px;
    top: -15px;
}
   .specialservices{
      padding: 90px 0 80px 0;
   }
   .databoxsp{
   /* margin-bottom: 30px; */
   padding-right: 0;
   padding-top: 53px;
   text-align: center;
   }
   
   .bestproject {
    padding-top: 50px;
}
.sliderleft img {
    width: 100%;
}
   a.moreabout {
    padding: 8px 30px;
}
   a.videoabout {
    padding-left: 0px;

}
   .sliderright p {
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    margin: 4px 0 15px 0;
}
   .sliderright h2 {
    font-size: 20px;
}
   .sliderright {
      text-align:center;
}
   .sliderright h1 {
    font-size: 50px;
    margin-top: 12px;
}
   .slider:before {width: 100%;border-radius: 0;height: 820px;}
   .slider {
    padding-top: 100px;
}
   .menu-btn{
    display: block;
    position: absolute;
    right: 20px;
    top: 31px;
    font-size: 25px;
}
.righthe , .lefthe {
    display: none;
}

.centerthe {
    text-align: center;
}

.centerthe img {width: 80px;position: relative;top: 10px;}
   .row.column-reverse {
    flex-direction: column-reverse;
   }
   .historylogo .row.column-reverse {
     flex-direction: unset !important; 
   }
}

@media only screen and (max-width: 450px) {
.projectboxs{
   width: 86%;
   margin-bottom: 20px;
}
}

@media only screen and (min-width: 1600px) and (max-width: 2000px)  {

}

@media only screen and (min-width: 2000px) and (max-width: 5000px)  {

}


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

   
   .gallery a {
    width: 32.8%;
    margin: 0;
}
   .rightscrltabtext li{
      width: 49%;
      margin: 5px 0;
   }
   .singleproject span.owl-next {
    right: 6px !important;
}
   .singleproject span.owl-prev {
    left: 14px !important;
}

      .singleproject span.owl-next {
    right: 6px !important;
}
   .singleproject span.owl-prev {
    left: 14px !important;
}
.righthebottom ul li {
    padding-left: 25px;
}

.lefthebottom ul li {
    padding-right: 30px;
}
}

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

}

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

}