/*container style start*/
.inner-container {
    max-width: 90vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.container {
    max-width: 90vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;   
}
.outer-container {
    max-width: 100vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
@media (max-width: 1440px) {
    .md-vertical-middle.vertical-middle{ 
        -webkit-transform: unset; 
        -ms-transform: unset; 
        transform: unset; 
        -moz-transform: unset; 
        -o-transform: unset; 
        position: unset; 
    }
}
@media (max-width: 1200px) { 

.inner-container {
    max-width: 80vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.container {
    max-width: 85vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;   
}
.outer-container {
    max-width: 100vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
}
@media (max-width: 992px) {
.inner-container {
    max-width: 80vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.container {
    max-width: 90vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;   
}
.outer-container {
    max-width: 100vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
.below-ipad-container{
    max-width: 95% !important;
    width: 95% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
.lg-frm {
    margin-top: 13vw;
}
.ftr-inner-form h3 {
    font-size:18px;
}
.ftr-user-login-box {
    padding: 15px;
}
.ftr-user-media-left::after {
    display:none;
}

}
@media (max-width: 767px) {
.inner-container {
    max-width: 85vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.container {
    max-width: 90vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;   
}
.below-ipad-container{
    max-width: 90% !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
.outer-container {
    max-width: 100vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
.ftr-inner-form .btn-ftr-back {
  margin: 0;
}
}
@media (max-width: 576px) {
.inner-container {
    max-width: 100% !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}
.container {
    max-width: 95vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;   
}
.below-ipad-container{
    max-width: 90% !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
.outer-container {
    max-width: 100vw !important;
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;    
}
.circular_text {
    width: 250px;
    height: 250px;
}
}

/*container style end*/

/**desktop view **/

@media screen and (min-width:768px) {
	
  .show-for-small{display: none;}
  .top-logo {
    max-width:11.11vw;  
    margin: 0 0 0;
    width: 100%;
  }
  #main-menu ul li {
    padding: 0 0.56vw;
  }
  .top-header .navbar{
    padding: 0;
  }
  .right-btn-link li.cta-cal a img{
    max-width: 1.51vw;
    width: 100%;
  }

  #main-menu ul li a {   
    font-size:1.11vw;   
    padding: 10px 5px;
    }
    
  .right-btn-link li {
    margin: 0 0.56vw !important;
    padding: 0 !important;
  }
 
  #main-menu ul li.btn-get-in a {
    font-size: 1.11vw;
    padding: 0.56vw 2.08vw; 
  }
  .right-btn-link li a{  
    padding:0.69vw 1.18vw!important;
    gap: 0.69vw;  
    font-size: 1.11vw!important;
    line-height: 1.67vw!important;
  }



  /**main-footer**/
  .main-footer {
    padding: 1.39vw 0; 
  }


/**Landing Page**/
.landing-header {
    /* padding:2vw 0 1.56vw; */
    padding: 0.69vw 0;
}
.landing-logo-info {
    /* max-width: 82.29vw; */
    /* max-width: 90vw; */
}
.landing-logo-info img{
  /* height: 6.93vw; */
}
/***/
.landing-hero-section {
    padding:1.08vw 0 0;
}
.hero-inner-conetnt {
    max-width: 90vw;
    gap: 0.52vw;
}
.landing-content-info {
    max-width: 59.9vw;
}
.landing-desc-con {
    max-width: 40.68vw;
    gap: 2.08vw;
}
.landing-desc-con h1 {
    font-size: 2.6vw;
}
.landing-desc-con p {
    font-size: 0.94vw;
    line-height: 1.35vw;
}
.landing-desc-con h5 {
    font-size: 1.04vw;
    line-height: 1.35vw;
}
.landing-logo-list {
    margin: 2.08vw 0 0;
    column-gap: 4.69vw;
    row-gap: 1.04vw;
}
.landing-logo-list .landing-logo-list-itme:not(:nth-child(3n))::after {
   height: 1.97vw;
    right: -1.3vw;
    top: 0.67vw;
   
}
.landing-logo-list .landing-logo-list-itme{
  gap: 2.08vw;
}
.landing-logo-list .landing-logo-list-itme img {
    margin: 0 0 0.05vw;
    height: 3.44vw;
}
.landing-logo-list .landing-logo-list-itme .more-info {
    font-size: 0.73vw;
    line-height: 1.35vw;
}
.landing-footer {
    bottom: 0.52vw;
}
.landing-footer .footer-inner {
    max-width: 90vw;
    padding-top: 1vw;
}
.footer-contact p a
.footer-contact p {
    font-size: 0.73vw;
    line-height: 1.25vw;
}
.landing-footer .footer-inner ul li {
    margin-right: 0.26vw;
}
.landing-footer .footer-inner ul li a {
    font-size: 0.73vw;
    line-height: 1.35vw;
}
.landing-logo-list .landing-logo-list-itme .more-info span{
   font-size: 0.94vw; 
    width: 1.35vw;
    height: 1.35vw;  
    line-height: 1.35vw;
    }

/***/

.comman-lout-info {
    padding: 2.08vw 0;
}
.top-title-info h1 {
    font-size: 2.78vw;
    margin: 0 0 2.08vw;
}
.comman-desc h2 {
    font-size: 1.6vw;
    line-height: 1.81vw;
    margin: 0 0 1.39vw;
}
.comman-desc h3 {
    font-size:1.32vw;
    line-height: 1.81vw;
    margin: 0 0 1.39vw;
}
.comman-desc h4 {
    font-size: 1.25vw;
    line-height: 1.81vw;
    margin: 0 0 1.39vw;
}.comman-desc p {
    font-size: 1.11vw;
    line-height: 1.81vw;
    margin: 0 0 1.39vw;
}
.comman-desc ul li {
    font-size: 1.11vw;
    line-height: 1.81vw;
    margin: 0 0 0.69vw;
}
  
  /**768**/
}
@media screen and (min-width:992px) {
  .mobile-view-show{
   display: none;
  }
  #main-menu .offcanvas-body{
    align-items: center;
  }
 }


@media screen and (min-width:1600px) {
  .inner-container{
    max-width:95vw!important;
  }
  .top-logo {
    max-width:160px;
    margin: 0 0 0 0;
  }
  .top-header .navbar{
    padding:0;
  }
  .landing-header {
    padding: 10px 0;
  }
  
  #main-menu ul li {
    font-size: 18px;    
    line-height: normal;    
    padding: 0 0;
  }
  #main-menu ul li a {
    font-size: 18px;
    padding: 0 15px;
  }


  /**main-footer**/
  .main-footer {
    padding:20px 0; 
  }

/**/
.landing-logo-list .landing-logo-list-itme img {
    /* margin: 0 0 0.78vw; */
}


.comman-lout-info {
    padding: 30px 0;
}
.top-title-info h1 {
    font-size: 50px;
    margin: 0 0 30px;
}
.comman-desc h2 {
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 20px;
}
.comman-desc h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 20px;
}
.comman-desc h4 {
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 20px;
}.comman-desc p {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 20px;
}
.comman-desc ul li {
    font-size: 16px;
    line-height: 26px;
    margin: 0 0 10px;
}



  /**1600**/
}

/**desktop End **/



/**mobile view**/


@media screen and (max-width:991px) {
	
	#main-menu ul li ul li {
		padding: 0 15px;
	}	
	
	li.cta-cal a {
		justify-content: center !important;
	}
	.search-container{
		margin-bottom: 20px;
	}
	.dentists-info.blogs h2 {
			font-size: 20px;
      line-height: normal;
		}
	.our-mision-desc p, .banner-right-desc p, .dentists-info p, .teams-desc-info p, .left-service-header p {
		text-align:left;
	}
	.banner-media-left-desc p{
   		 text-align: left;
	}
	
	.modal.show .modal-dialog {
		max-width: 90% !important;
		margin: 0 auto;
	}
	
	.about-content p, .our-ser-info p,.dental-emop-info p {
	text-align:left !important;
	}
  .mobile-view-hide{
    display: none;
  }
  .mobile-view-show{
    display: block;
  }

  .top-store-info{
    max-width: 650px;
    margin: 0px auto 0;
  }
  .top-store-info.mobile-view-show{
    display: flex;
  }

  .header-part-info{
    display: block;
  }
  .top-header {
    position: relative;
    padding: 10px 0;
    /* background: #fff; */
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
  }

  .top-logo .navbar-brand {
   max-width: 120px;
  }

  .top-logo {
    display: flex;
    width: 100%;
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .top-header #main-menu {
    position: fixed;
    background: #fff;
    z-index: 9999;
    flex-direction: column;
    align-items: normal;
  }
  .top-logo .navbar-toggler {
    position: absolute;
    right: 10px;
    top: 20px;
    padding: 2px 5px;
    /* border: 1px solid #fff;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(289deg) brightness(110%) contrast(101%); */
  }
  
  .top-logo .navbar-toggler:focus {
    box-shadow: none;
  }
  .top-header #main-menu .navbar-nav li a {
    color: #000;
    font-size: 16px;
  }

  .top-header #main-menu .navbar-nav li.btn-reg a {
    display: inline-block;
  }
   #main-menu .offcanvas-header {
    justify-content: end;
  }
 #main-menu .offcanvas-header .btn-close:focus {
    box-shadow: none;
  }
}
@media screen and (max-width:768px) {
  .landing-bg-wrapper{
    background: linear-gradient(270deg, #FFCFCF -6.15%, #FFF 140.94%);
  }
}

@media screen and (max-width:767px) {
  #main-menu ul li{
    margin: 0 0 6px;
  }
    .landing-header{
      padding:0 15px;
    }
    /* .landing-logo-info img{
      width: 120px;
    } */
    .landing-desc-con h1{
      font-size: 25px;
    }
    .landing-desc-con p{
      font-size: 16px;
    }
    .landing-bg-wrapper{     background-image: none;}
    .landing-bg-wrapper{
      background: linear-gradient(270deg, #FFCFCF -6.15%, #FFF 140.94%);
      height: auto;
    }
    .landing-hero-section{
      padding: 12px 15px 0;
    }
    .landing-desc-con{
      gap: 15px;
    }
    .landing-logo-list{
      grid-template-columns: repeat(1, 1fr);
    }
    .landing-desc-con h5{
      font-size:18px;
    }
    .landing-logo-list .landing-logo-list-itme{
      justify-content: center;
      text-align: center;
    }
    .landing-logo-list .landing-logo-list-itme img{
      margin:0px auto 0;
    }

    .landing-logo-list .landing-logo-list-itme::after {
     content: inherit!important;
    }
     .landing-logo-list .landing-logo-list-itme::before{      
      content: "";
      left: 0;
      width:100%;
      height: 1px;
      background-color: #FFBEBE;
      position: absolute;
      bottom: -15px;
     }
     .landing-logo-list .landing-logo-list-itme:last-child::before{
      content: inherit!important;
     }
    .landing-logo-list{
      row-gap: 30px;
      margin: 25px 0 0;
    }
    .landing-footer {    
     bottom: auto;
    margin: 30px 0 0;
    padding: 20px 17px;
    gap: 10px;
    position: relative;
    border-top: 1px solid #FFBEBE;;
}
.landing-footer .footer-inner{
  gap: 10px;
  flex-wrap: wrap;
}
.landing-logo-info{
  /* text-align: center; */
}

/**/
.top-header .navbar {
  padding: 0px 6px;
}

.comman-desc h2{
  font-size: 20px;
}
	
.comman-desc h3 {font-size: 18px;}

.footer-menu-info ul{
  float: left;
}
.landing-logo-info .top-logos{
  width: 100%;
  position: relative;
}
.landing-logo-info .top-logos .navbar-toggler{
  position: absolute;
  top: 23px;
  right: 0;
  padding: 2px 5px;
}

.landing-logo-info .top-logos .navbar-brand {
    max-width: 120px;
  }

}

/*Banner*/
@media screen and (max-width: 767px) {
    .inner-page-banner-media img {
        max-width: 100%;
        margin: 0 0 -84px 0;
    }
}


@media screen and (max-width: 767px) {
    .inner-page-banner-content h1 {
        font-size: 30px;
    }
    .inner-page-comman-banner-dsc {
        min-height: 160px;
    }
    .inner-page-comman-banner-dsc .com-title { font-size:24px; }
}

@media screen and (min-width: 1600px) {
    .inner-page-comman-banner-dsc .com-title {
        font-size: 40px;
        letter-spacing: -0.4px;
    }
    .inner-page-comman-banner-dsc {
        min-height: 180px;
    }
}

/* Join us Rama */
@media (max-width: 991px) {

    .order-image {
        order: 2;  /* Image second */
    }

    .order-form {
        order: 1;  /* Contact form first */
    }
	.con-inner-media {margin-top: 40px;}
	.co-form-info-del {
         padding: 0px 0;
    }
    .co-title h3 {
        font-size: 20px;
        margin: 20px 0;
    }
    .inner-page-comman-banner-dsc .com-title { 
      font-size: 30px;
    }
}