@media (max-width: 1399.98px) {
    .container{padding-left: 20px;padding-right: 20px;}
    .bannerContent{height: auto;}
    .bannerContent .bannerTxt h1{font-size: 46px;line-height: 50px;}
    .contactform::before,
    .homeServices:before{background-position: right;}
    
}

@media (max-width: 1199.98px) {
    .homeBanner{height: auto;padding-bottom: 80px;}
    .bannerContent .bannerTxt h1{font-size: 42px;line-height: 48px;}
    .schedule ul{grid-template-columns: 1fr 1fr;}
    .homeServices{padding-bottom: 100px;background-position: right;}
    .homeServices .container{grid-gap: 0;grid-template-columns: 1fr;}    
    .homeServices .serviceImg{display: none;}
    .homeServices .aboutService h2.sectiontitle{text-align: center;}
    .homeServices .aboutService p{text-align: center;}
    .homeServices .aboutService ul{display: table;margin: auto;max-width: 640px;}
    .homeServices .aboutService .btn-secondary{margin-left: auto;margin-right: auto;display: table;}
    .appointment{background-position: right;}
    .inner-banner svg{width: calc(230% + 1.3px);}
    .getintouch ul{grid-template-columns: repeat(2, 1fr);}
    .homeBanner{min-height: 700px;}
    .blog-home ul{grid-gap: 20px;}
}

@media (min-width: 992px) {
    .navbar .navbar-nav .nav-item .dropdown-menu.show{display: grid;grid-template-columns: 1fr 1fr 1fr;left: auto;right: -435px;padding: 20px;}
    .navbar .navbar-nav .nav-item .dropdown-menu li{min-width: 240px;border: none;}
}

@media (max-width: 991.98px) {
    .bannerContent .bannerTxt h1{font-size: 32px;line-height: 38px;}
    .bannerContent .bannerTxt p{font-size: 16px;line-height: 22px;}

    header .navbar .navbar-toggler{border-color: #fff;border-width: 2px;border-radius: 0;padding: 10px;}
    header .navbar .navbar-toggler:focus{box-shadow: none;}
    header .navbar .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23ffffff' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
    header .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23056980' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
    header .navbar .navbar-toggler[aria-expanded="true"]{background-color:#fff;}
    #navbar-placeholder{width: 100%;}
    .navbar .navbar-nav .nav-item .nav-link.phone{display: none;margin: 0;}
    .navbar-nav{margin-top: 10px;background-color: #fff;}
    .navbar .navbar-nav .nav-item{border-bottom: 1px solid #ccc;}
    .navbar .navbar-nav .nav-item:last-child{border: none;}
    .navbar .navbar-nav .nav-item .nav-link{color: #0d5c63;}
    .navbar .navbar-nav .nav-item .nav-link.active, 
    .navbar .navbar-nav .nav-item .nav-link:hover, 
    .navbar .navbar-nav .nav-item .nav-link.show{background-color: #333;}
    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, 
    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus{background-color: #333;}
    h2.sectiontitle{font-size: 36px;line-height: 40px;}
    .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item{color: #555;}
    .navbar .navbar-nav .nav-item .dropdown-menu{box-shadow: none;}
    .keypoint{grid-template-columns: 1fr 1fr;}
    .two-col{grid-template-columns: 1fr;grid-gap: 0;}
    .two-col img{display: table;margin: auto;}
    .homeBanner{min-height: 600px;}
}

@media (max-width: 767.98px) {
    .homeBanner{padding-bottom: 40px;}
    .bannerContent{grid-template-columns: 1fr;grid-gap: 0;}
    .bannerContent .bannerTxt{text-align: center;padding-top: 30px;}
    .bannerContent .bannerTxt h1{font-size: 42px;line-height: 48px;}
    .bannerContent .bannerImg img{max-width: 400px;max-width: 100%;}
    .homeServices .aboutService ul li a{font-size: 16px;}
    .homeServices .aboutService ul li a::before{top: 2px;}
    h2.sectiontitle{font-size: 32px;line-height: 36px;}
    .appointment form ul li:nth-child(1),
    .appointment form ul li:nth-child(2),
    .appointment form ul li{width: 100%;padding: 8px 15px;}
    .appointment form ul li input[type="text"], 
    .appointment form ul li input, 
    .appointment form ul li select{height: 50px;font-weight: 400;padding: 0 15px;}
    .appointment form ul li .btn{height: 60px;width: 100%;}
    .inner-banner svg{width: calc(300% + 1.3px);}
    .keypoint{grid-template-columns: 1fr;margin-top: 50px;}
    .getintouch ul{grid-template-columns: repeat(1, 1fr);}
    .team .owl-carousel .item .item-box{padding: 30px;}
    .bannerContent .bannerTxt .btn-secondary{margin-bottom: 20px;}
    .about-video{max-width: 100%;height: auto;margin-top: 50px;}
    .tour-video{margin-top: 30px;}
    .blog-home{padding: 50px 20px 0 20px;}
    .blog-home ul{grid-template-columns: 1fr;}
    .blog-home h2.sectiontitle{margin-bottom: 20px;}
    .blog-home a.btn{padding: 8px 25px;}
}

@media (max-width: 575.98px) {
    .bannerContent .bannerTxt h1{font-size: 32px;line-height: 38px;}
    .schedule ul{grid-template-columns: 1fr;}
    .homeServices .aboutService h2.sectiontitle,
    .homeServices .aboutService p{text-align: left;}
    .homeServices .aboutService ul li{width: 100%;}
    .homeServices .aboutService .btn-secondary{margin-left: 0;}
    .container.homeAbout,
    .schedule,
    .homeServices,
    .team,
    .appointment,
    .testimonial,
    footer,
    .getintouch,
    .contactform,
    .map{padding-top: 70px;padding-bottom: 70px;}
    .team h2{margin-bottom: 15px;}
    .testimonial h2{margin-bottom: 30px;}
    footer .footerLinks li{margin: 0 0 10px 0;width: 100%;text-align: center;}
    footer .footerLinks li::after{display: none;}
    footer .footerLinks{margin: 30px auto;}
    footer .copyright{margin-top: 30px;}
    .inner-banner h1{font-size: 32px;line-height: 32px;margin-bottom: 10px;}
    .inner-banner{padding: 30px 0 110px 0;}
    .inner-content{padding-top: 30px;padding-bottom: 30px;}
    .contactform form ul li{width: 100%;padding: 10px 15px;}
    .contactform form ul li input{height: 54px;padding: 0 20px;}
    .contactform form ul li textarea{padding: 20px;}
    .contactform form ul li .btn{width: 100%;}
}

@media (max-width: 479.98px) {
    p{font-size: 16px;line-height: 24px;}
    .navbar .navbar-brand img{max-height: 50px;}    
    .topNav .email{text-align: center;width: 100%;padding-bottom: 6px;}
    .topNav .getSocial{float: none;display: table;margin:auto;}
    .bannerContent .bannerTxt{padding-top: 20px;}
    .schedule .btn{margin-top: 20px;}
    h2.sectiontitle{font-size: 28px;line-height: 32px;}
    .container.homeAbout,
    .schedule,
    .homeServices,
    .team,
    .appointment,
    .testimonial,
    footer{padding-top: 50px;padding-bottom: 50px;}
    .getintouch ul li img{max-width: 80px;margin-bottom: 15px;}
    .bannerContent .bannerTxt .btn-secondary{padding: 10px 20px;}
}