@media (min-width: 1920px){
   .dental-videos-con h1{
       padding-bottom: 50px;
   } 
}
/*navbar for ipad screen*/
@media (max-width: 1200px) {





}
@media (min-width:769px) and (max-width:1024px){
   .logo img {
    width: 40%!important;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.site-navbar .site-navigation .site-menu > li > a {
    padding: 12px 4px!important;
}
.logo img {
    width: 90%!important;
}
.contact-head{
    width: 50%!important;
}
.home-banner p {
    width: 50%!important;
}
.dental-sec-con p {
    height: 190px!important;
}
.address-sec {
    padding: 0px 284px!important;
}
.cost-box {
   
    height: 500px!important;
}
.about-img a {
    
    left: 27%!important;
   
    top: 37%!important;
    
}
.cost-box-2 {
    margin-top: 20px;
    height: 550px!important;
}
}


@media screen and (max-width: 1024px) {
   .before-arrow{
       display:none;
   }
}



/* ipad landscape */

@media only screen

and (min-device-width: 768px) 

and (max-device-width: 1024px) 

and (orientation: landscape) 

and (-webkit-min-device-pixel-ratio: 2) {

.site-navbar .site-navigation .site-menu > li > a {
    padding: 12px 5px;
}
.logo img {
    width: 90%!important;
}
.video-banner-con p {
    text-align: center;
    width: 100%;
    padding: 20px 30px;
    font-size: 24px;
    top: 35%;
    position: relative;
}
.home-banner p {
    background: #fff;
    width: 50%;
}
.contact-head {
    background: #fff;
    width: 50%;
}
.address-sec {
    padding: 0px 280px;
}
.dental-sec-con p {
    color: #878787;
    line-height: 20px;
    font-size: 14px;
    height: 155px;
}
.video-banner-con p {
    background: #fff;
    width: 50%;
}
.home-banner {
   
    height: 480px;
   
}

}


/* ipad portrate */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)

and (-webkit-min-device-pixel-ratio: 2){
.logo img {
    width: 50%!important;
}
.dental-videos-con {
    
    padding-top: 60px!important;
}
.footer-sec-con ul li {
    float: left!important;
    width: 15%!important;
}
.content{
    display:block!important;
}
.footer-sec-con i {
    color: #fff!important;
    line-height: 36px!important;
}
.menu-top p {
    font-size: 22px!important;
    margin-top: 25px!important;
}
.home-banner p {
       top: 40%!important;
    width: 33%!important;
    text-align: left!important;
    padding: 10px 15px!important;
}
.contact-head{
       top: 40%!important;
    width: 33%!important;
    text-align: left!important;
    padding: 10px 15px!important;
}
.about-img a {
    top: 20%;
}
.implant-cost-con ul li {
    line-height: 20px;
}
.cost-box {
    height: 660px!important;
}
.cost-box {
    
    padding: 30px 25px!important;
    
}
.t-btn {
    width: auto!important;
}
.address-sec {
    padding: 0px 160px!important;
}
.home-map-con iframe {
    height: 400px!important;
}
}


/*ipad pro portrate*/


@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {

    #nav-menu-container {

    }

    .nav-menu > li {

    }
    #header #logo img {

    }
    .nav-menu > li {
        margin-left: 10px;
        margin-right: 10px;
    }
    .nav-menu > li {
        margin-left: 10px;
        margin-right: 10px;
    }
    .logo img {
    width: 90%!important;
}
.site-navbar .site-navigation .site-menu > li > a {
    padding: 12px 5px!important;
    font-size: 14px;
}
.menu-top p {
    font-size: 22px!important;
    margin-top: 45px!important;
}
.video-banner-con p {
    background: #fff;
    width: 36%;
    padding: 20px 50px;
    color: #5FA8C8;
    font-size: 20px;
    position: absolute;
    box-shadow: 0px 15px 50px rgba(95, 168, 200, 0.25);
    border-radius: 0px 10px 10px 0px;
    top: 35%;
}
}


/*ipad pro landscape*/

@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
    #nav-menu-container {
        /* float: right; */

    }

}


@media (max-width: 1279px) {
    .site-navbar .site-navigation .site-menu > li > a {
    padding: 12px 4px;
    font-size: 14px;
}
.video-banner-con p {
    text-align: left;
    width: 30%;
    /* padding: 20px 30px; */
    font-size: 22px;
    top: 30%;
    position: absolute;
}
}



/*Samsung Galaxy S5*/


@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){

}



/*Google Pixel 2 XL Portrait Media Queries*/



@media only screen and (min-width: 411px) and (max-width: 731px) { 



}





/*iPhone 5 & 5S in landscape*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {

}



/*iPhone 5 & 5S in portrait*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

}




/*iPhone 6, 7, & 8 in landscape*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 


}




/*iPhone 6, 7, & 8 in portrait*/
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {


}




/*
iPhone 6, 7, & 8 Plus in landscape*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 

}



/*iPhone 6, 7, & 8 Plus in portrait*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
}




@media (max-width: 991px) {
    #header {
        background: rgba(255, 255, 255, 0.98);
        /* height: 100px; */
        /* padding: 15px 0px; */
        transition: all 0.5s;
    }
    .about-sec-con img {
   
    display: none;
}
.dental-videos-con {
    text-align: center;
    padding-top: 40px;
}
.content{
    display:none;
}
.faq-sec-con h2{
    font-size:16px!important;
}
 .logo img {
    width: 65%!important;
}
.smile-back-con img {
   
    display: none;
}
    .desk-view{
    display:none;
}
.mob-view{
    display:block;
}

    .new-teeth-con img {
    display: none;
    }
.mcn-footer{
    display:block;
}
.before-after .slick-prev {
    left: 0;
     z-index: 4;
    /*z-index: 300;*/
}
.before-after .slick-next:before {
  
    left: -15px;
   
}
.before-after .slick-prev:before {
   
    right: -15px;
}
.before-after .slick-next{
    right: 0;
}
.logo{
    text-align: left;
}
.logo img{
    width: 40%;
}
.menu-top p {
    font-size: 16px;
    margin-top: 20px;
}
.home-banner p {
    width: 100%;
    text-align: center;
    padding: 10px 30px;
    color: #5FA8C8;
    font-size: 20px;
    top: 92%;
}
.contact-head{
    width: 100%;
    text-align: center;
    padding: 10px 30px;
    color: #5FA8C8;
    font-size: 20px;
    top: 92%;
}
.home-banner {
   
    height: 300px;
   
}
.video-wrap iframe {height: 190px;}
.video-wrap h4 {
    
    font-size: 14px;
    line-height: 22px;
    text-align:center;
}
.video-wrap .slick-prev:before {
  
    right: -25px;
    
}
.video-wrap .slick-next:before {
   
    left: -25px;
    
}
.video-wrap .slick-prev{
    z-index:100;
    left: 0px;
    
}
.video-wrap .slick-next{
    z-index:100;
    right: 0px;
}
.video-wrap .item iframe {
    width: 70%;
    margin: 0 auto;
    display: block;
}

.new-teeth-con h2 {
    margin-bottom: 20px;
}
.map-wrap {
     height: auto;
   /*height: 210px;*/
    margin-bottom: 20px;
}
.t-btn{
    width: 100%;
    font-size:14px;
}
.teeth-wrap {
    padding: 0px;
    margin-bottom: 60px;
}
.teeth-wrap {
    padding: 0px;
    margin-bottom: 60px;
}
.video-wrap .item {
    padding: 20px;
}
.video-wrap {
    padding: 0px;
}
.footer-links {
    padding: 0px 0px;
}
.footer-sec-con ul {
    padding: 0px;
}
.home-map-con iframe {
    height: 600px;
}
.home-map-con iframe {
    height: 600px;
}
.footer-sec-con ul li {
    width: 100%;
    float: unset;
}
.address-sec {
    position: absolute;
     top: 15%;
    /*top: 25%;*/
    z-index: 100;
    padding: 0px 0px;
    left: 0%;
    width: 100%;
    text-align: center;
}
.footer-sec-con ul li {
    width: 100%;
    line-height: 36px;
    font-size: 20px;
}
.vimeo-wrapper iframe {
    /* width: 100vw; */
    height: 57.25vw;
}
h2{
    font-size:20px!important;
}
h1{
    font-size:22px!important;
}
h3{
    font-size:20px!important;
}
.get-in-touch-con .formsub {
    
width: 100%;
}
.get-in-touch-con {
    padding-top: 80px;
    padding-bottom: 80px;
    padding: 70px 20px;
}
.new-teeth-con {
    margin-top: 0px;
    margin-bottom: 20px;
}
.dental-sec-wrap {
    margin-bottom: 40px;
}
.dental-sec-con {
    padding-bottom: 40px;
}
.about-wrap h3 {
    margin-top: 20px;
}
.cost-factors-con img {
    width: 50px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.cost-factors-con h5 {
  
    text-align: center;
}
.find-out img{
    display:none;
}
.meet-team-con iframe {
    width: 100%;
    height: 193px;
    margin-bottom: 20px;
}
.about-sec-con iframe {
    width: 100%;
    height: 174px;
    margin-top: 40px;
}
.about-img a {
    
    left: 20%;
}
.video-banner-con p {
    text-align: center;
    background: #fff;
    width: 100%;
    padding: 20px 20px;
    color: #5FA8C8;
    font-size: 20px;
    position: relative;
    box-shadow: 0px 15px 50px rgba(95, 168, 200, 0.25);
    border-radius: 0px 10px 10px 0px;
    top: 10%;
}
.faq-top-con {
    padding: 20px 20px;
}
.cost-top-con p {
        color: #fff;
    padding: 0px 10px;
    margin-top: 15px;
}
.cost-top-con h2 {
    
    line-height: 30px;
   
}
.examination-con h2 {
    line-height: 30px;
}
.examination-con {
    padding-top: 10px;
    padding-bottom: 30px;
}
.copyright {
    margin-bottom: 60px;
}
.examination-con img {
    
    margin-top: 30px;
}
.beforeafter-con p {
    color: #5FA8C8;
    padding: 0px 20px;
    line-height: 26px;
}
.examination-con img {
    margin-bottom: 20px;
}
.new-teeth-sec-con p {
    padding: 0px 20px;
}
.cost-wrap-ul {
    margin: 0px 10px;
}
.cost-box {
    height: auto;
}
.implant-cost-con .t-btn{
    width:40%;
}
.testimonial-con p {
    margin: 0px 11px;
}
.implant-cost-sec-con a {
    margin-bottom: 30px;
}
.implant-cost-sec-con h2 {
    margin-top: 30px;
}
.site-menu-toggle{
    color: #5FA8C8;
}
.site-mobile-menu .site-nav-wrap li.active > a {
    color: #5FA8C8;
    text-decoration: none;
}
.implant-cost-con p {
    padding: 0px 10px;
    color: #878787;
}
.cost-top-con h1 {
    
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 20px;
    padding: 0px 0px;
}
.cost-top-con ul {
    margin-bottom: 0px;
}
.cost-top-con ul li {
    font-size: 14px;
}
.beforeafter-con .owl-next {
  
    right: -6%;
}
.acco p {
    text-align: left;
    padding-top: 12px;
    width: 85%;
}
.beforeafter-con .owl-prev {
   
    left: -6%;
  
}
.cost-factors-con p {
 
    padding-right: 0px;
}
.meet-team-con p {
   
    padding: 0px 10px;
}
/*.beforeafter-con .owl-item{*/
/*    width:200px!important;*/
/*}*/
/*.beforeafter-con img {*/
/*    width: 100%;*/
/*    padding: 10px;*/
/*}*/
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {



}


@media (max-width: 768px) {
    .back-to-top {
        bottom: 15px;
    }
 
}
@media (min-width: 768px) {
    
    
}
 @media only screen and (max-device-width: 480px) {
    .logo img {
    width: 90%;
}
    }
@media (max-width: 767px) {
  
}


@media (max-width: 1199px) {
    #header .container {
        max-width: 100%;
    }


}
/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  .logo img {
    width: 40%!important;
}
.home-banner p {
    top: 40%!important;
    width: 33%!important;
    text-align: left!important;
    padding: 10px 15px!important;
}
.contact-head {
    top: 40%!important;
    width: 33%!important;
    text-align: left!important;
    padding: 10px 15px!important;
}
.address-sec {
    padding: 0px 145px!important;
}
.home-map-con iframe {
    height: 400px;
}
}


/* For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  
}
/*large screens*/

/* Large screens ----------- */
@media only screen  and (min-width : 1400px) {
    .video-wrap .item iframe {
    width: 100%;
   height: 230px;
}
.video-wrap h4{
    text-align:center;
}
}
@media only screen  and (min-width : 1600px) {
.video-wrap .item iframe {
    width: 100%;
    height: 290px;
}
}
@media only screen and (max-width: 2560px) and (min-width: 2400px)
{
.home-banner {
    height: 960px!important;
    
}
}