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

@media (max-width: 768px) {

}

@media (min-width: 1200px){
.container {margin: auto;max-width: 1170px;padding: 0;}


}
@media (min-width: 992px){
button#menu-button {display: none;}
a#close {display: none;}
}

@media(max-width: 1199px){
.header-btn-group a{margin-left:10px}
.top-banner .carousel-item img{height:400px;object-fit:cover;object-position:right}
.carousel-control-next{right:auto;left:60px}
.carousel-control-next,.carousel-control-prev{top:auto;bottom:20px}
.carousel-control-next,.carousel-control-prev{width:11%}
.carousel-caption-content p{padding-bottom:12px}
.carousel-caption-content{margin-top:25px}
.carousel-caption-content h1{font-size:48px}
.about-us-left h2{font-size:30px}
.about-us{padding:45px 0 45px}
.description-blue-box h2{font-size:28px;line-height:1.3}
.description-blue-box{padding:45px 0}
.description-box p{font-size:14px}
.subscription-plan{padding:45px 0 65px}
.slider-your-business{padding:45px 0 45px}
.common-headning h2{font-size:34px}
.contact-us{padding-top:45px;padding-bottom:45px}
.footer-content ul li{padding:0 0 10px}
ul.footer-social{flex-wrap:wrap}
ul.footer-social li{width:15%}
footer{padding-top:50px}
.footer-bottom{padding-top:5px}
.footer-content h3{font-size:18px;margin-bottom:15px}
ul.footer-social li i{width:32px;height:32px;font-size:16px}
.footer-content a svg{margin-bottom:10px}
.top-banner{overflow:hidden}
.crosel-box{max-width:960px;margin:auto;position:relative;padding-left:15px}
.carousel-control-next,.carousel-control-prev{width:auto;padding-left:15px}
header,.sticky{padding:10px 0}
.top-banner{padding-top:72.6px}
a.carousel-control-next{padding-left:18px}

/*about*/

.about-us-main-hd{font-size:28px;line-height:1.4;margin-bottom:14px}
section.about-us-main-sec{padding:45px 0}
.why-choose-us-left h2{font-size:30px;padding-bottom:30px}
.why-choose-us-left{padding:35px 40px 10px}
section.why-choose-us-sec{margin-top:50px;padding:30px 0}
.slider-your-business2{padding:35px 0 85px}   

/**testimonail**/
.page-heading-sec .page-heading{font-size: 30px;}
.testimonial-item-content-body{    background: #dddddd52;}
section.faq-section{padding:40px 0}
.faq-section-left{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%}
.faq-section-right{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}
section.content-info-section{padding:25px 0}
.login-box{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 50%;max-width:50%}
.form-content-hd{font-size:20px}

/**dashbored**/
.user-info-block{margin-bottom:25px!important}
.header-bottom-block ul.navbar-nav li.nav-item{display:inline-block;margin:0 0 0 0!important;padding:0 5px;border-bottom:0}
.header-bottom-block{padding:0;margin-top:15px}
.header-bottom-block ul.navbar-nav li.nav-item:nth-child(1){padding-left:0}
.header-bottom-block{padding:0;margin-top:11px;border-top:1px solid #54c7f52e}
ul.navbar-nav li a.nav-link{padding:15px 0 5px!important}
.header-btn-group .register-btn{padding:0 10px}
.header-btn-group a.user-info-blk{margin-left:8px}

/**profile**/
section.account-detail-section {padding: 20px 0 40px;}
.account-detail-heading{    font-size: 24px;}

/**plan**/
.registration-item span.registration-item-nm{width:30%}
.registration-section .common-headning h2{font-size:24px}
.header-bottom-block .navbar-nav {
    margin: 0;
}
}


@media(max-width: 991px){
header .nave-bar{flex-grow:initial;margin-right:50px}
span.navbar-toggler-icon{background:#213860;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px}
.about-us-left h2{font-size:26px}
.submenu-submenu{padding:15px 0}
a#close{position:absolute;top:0;right:25px;font-size:36px;color:#fff}
.hide-menu{display:none;background-color:#213860;position:fixed;top:0;left:-300;z-index:1;width: -webkit-fill-available;height:100%;transition:.3s;padding-top:40px}
.show-menu{transition:.5s;display:flex}
button#menu-button{position:absolute;right:0;background:transparent;border:0;padding:0}
button#menu-button:focus{outline:0;box-shadow:none}
ul.navbar-nav li a.nav-link{padding:15px 0!important}
ul.sub-menu{position:static}
ul.sub-menu li a{border-bottom:1px solid #dddddd17}
ul.navbar-nav li.nav-item.active .nav-link:before,ul.navbar-nav li.nav-item:hover .nav-link:before{display:none}
header ul.navbar-nav li{margin:0!important;padding:0 20px;border-bottom:1px solid #dddddd4a}
.crosel-box{max-width:720px}
.description-box p{padding-bottom:15px}
.about-us .common-btn{margin-top:20px}
.subscription-body{padding:20px 10px 30px}
.subscription-head{min-height:155px}
.subscription-head h3{font-size:34px}
.common-headning h2{font-size:28px}
.slider-your-business .owl-prev:after,.slider-your-business .owl-next:after{font-size:16px;width:40px;height:40px}
.slider-your-business .owl-nav{top:-140px}
.buy-plan-btn{line-height:40px;font-size:14px;min-width:130px}
.subscription-plan{padding:30px 0 55px}
.common-headning .description-box{width:75%;margin:auto}
.subscription-box{margin-top:25px}
.description-blue-box{padding:35px 0}
.about-us,.slider-your-business,.contact-us{padding:30px 0 30px}
.slider-box{padding-top:20px}
.footer-content{padding-right:0;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 33%;max-width:33%}
.footer-content:nth-child(1){position:relative;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-bottom:30px}
.footer-content:nth-child(2){padding-left:15px}
footer{padding-top:30px}
.footer-content p{padding-right:190px}
.footer-bottom{padding-top:0;border-top:1px solid #dddddd30;margin-top:10px}
.footer-bottom p{padding:10px 0}
.carousel-item:after{background:#ffffff8f;position:absolute;left:0;right:0;top:0;bottom:0;content:""}
.carousel-control-next-icon,.carousel-control-prev-icon{width:40px;height:40px;font-size:16px}
.carousel-control-next,.carousel-control-prev{top:auto;bottom:30px}
.common-btn{min-width:140px;line-height:30px}
.carousel-caption-content h1{font-size:42px}
.carousel-caption-content{width:400px}
a.carousel-control-next{padding-left:5px}
.subscription-body{padding:20px 20px 30px}
ul#hide-menu{padding-left:0}
.show-menu ul.navbar-nav li a.nav-link{padding:15px 0!important;color:#fff}
ul.navbar-nav.show-menu li a.nav-link{padding:15px 0!important;color:#fff!Important}


/*about*/
.about-us-main-sec-left{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;text-align:center}
.about-us-main-sec-right{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.about-us-main-info{margin-top:28px}
section.about-us-main-sec{padding:40px 0 30px}
.why-choose-us-left h2{font-size:24px}
section.why-choose-us-sec{margin-top:50px;padding:15px 0}
.why-choose-us-left{padding:35px 20px 10px}
.why-choose-us-left .description-item h4{font-size:16px;margin-bottom:5px}
.why-choose-us-left h2{font-size:24px;padding-bottom:18px}
.why-choose-us-left .description-item p{font-size:13px}
.about-us-main-hd{font-size:24px;line-height:1.4;margin-bottom:5px}
.about-us-main-txt p{font-size:14px}
.slider-your-business2{padding:35px 0 50px}
.slider-your-business2 .owl-prev:after,.slider-your-business2 .owl-next:after{font-size:16px;width:40px;height:40px}
.slider-your-business2 .owl-nav{top:-140px}

/**testimonial**/
.testimonial-section-main{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 50%;max-width:50%}
section.testimonial-section{padding:60px 0 20px}
.page-heading-sec .page-heading{font-size:24px}
section.testimonial-section{padding:30px 0 20px}
.testimonial-item{margin-bottom:20px}
.testimonial-item-content-body{padding:20px 20px}
.shape-box{display:none}
.faq-section-left{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}
.faq-section-right{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}
.faq-section-right .tab-pane{padding:0}
section.faq-section{padding:25px 0}
.content-info h6,.content-info h5,.content-info h4,.content-info h3,.content-info h2,.content-info h1{font-size:20px}
.login-box{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%}


/**dashbored**/
.user-detail-list-hd{font-size:15px}
section.dasboard-section{padding:10px 0 60px}
.row.justify-content-md-between.align-items-center.mb-4{margin-bottom:14px!important}

/**profile**/
.profile-main{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.profile-main a.change-password-btn{padding-right:0!important}
button.btn.update-profile-btn{margin-top:15px}

/**plan**/
.registration-section .common-headning h2{font-size:24px}

/**edit**/
.account-edit-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 100%;
    max-width: 100%;
}
.bootstrap-tagsinput .tag {
   
    margin-bottom: 5px !important;
    display: inline-block;
}
.buy-plan-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 100%;
    max-width: 100%;
}

header .nave-bar {
    flex-grow: initial;
    margin-right: 50px;
    margin-left: auto;
}
}

@media(max-width: 767px){
.carousel-control-next,.carousel-control-prev{top:auto;bottom:45px}
.carousel-caption-content h1{font-size:24px}
.carousel-caption-content{width:70%}
.top-banner .carousel-item img{height:280px}
.carousel-caption-content p{font-size:14px;line-height:1.5}
.crosel-box{max-width:540px;margin-top:20px}
.about-us-left h2{font-size:22px}
.about-us-right{order:1;text-align:center}
.about-us-left{order:2;margin-top:25px}
.about-us-right figure{text-align:center}
.about-us-right figure img{width:55%;height:auto}
.description-blue-box h2{font-size:22px;line-height:1.3;padding-bottom:10px}
.subscription-plan-main{width:75%;margin:auto;margin-bottom:30px}
.subscription-plan-main:last-child{margin-bottom:0}
.footer-content h3{font-size:16px}
ul.footer-social li{width:20%}
.footer-content li a{font-size:13px}
.footer-content p{padding-right:0}
.footer-content ul li{padding:0 0 5px}
.common-headning h2{font-size:22px}
.about-us-right figure img{width:300px;height:300px;border-top-left-radius:0;object-fit:cover;border-radius:50%}
section.about-us{padding-top:10px}
.common-headning .description-box{width:100%}

/*about*/
.about-us-main-hd{font-size:20px}
.why-choose-us-sec:after{width:100%}
.why-choose-us-left{background-color:#ffffffcf}
.why-choose-us-left h2{font-size:22px;padding-bottom:14px}
section.slider-your-business2 .slider-box-content-body{background:#f8f9fb}
.why-choose-us-left .description-box .description-item{margin-bottom:15px}
section.page-heading-sec{margin-top:68px;padding:40px 0}
.shape-2 img{width:79%}
.faq-section-left{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 100%;max-width:100%}
.faq-section-right{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 100%;max-width:100%;margin-top:30px}
.login-box{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 100%;max-width:100%}
.form-content-hd{font-size:24px}
body ul.navbar-nav li.nav-item.logout-link{position:fixed;right:0;background:#54c7f5;border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;top:134px;font-size:12px!IMPORTANT}
body ul.navbar-nav .logout-link a.nav-link{padding:4px!important;color:#fff!important;font-size:12px!important}
.user-info-right a.edit-profile-btn{line-height:37px;font-size:12px;padding:0 15px}
.user-info-left .user-profile-info{padding-left:38px}
.table#patientList{width:900px}
body div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content:flex-start!important}
div#patientList_info{text-align:left;padding-bottom:10px}
div#patientList_wrapper .col-sm-12.col-md-7{padding-left:0}

.registration-info-heading{font-size:20px}
.registration-info-right a.upgrade-plan-btn{padding:10px 20px;font-size:13px}

}

@media(max-width: 575px){

.carousel-caption-content{width:100%}
.slider-your-business .owl-nav{top:auto;bottom:-58px;left:0;right:0}
.common-headning h2 br{display:none}
section.slider-your-business{padding-bottom:85px}
.footer-content:last-child{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.footer-content{padding-right:0;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
ul.footer-social li{width:auto}
.description-box p{padding-bottom:8px}
.carousel-control-next,.carousel-control-prev{width:auto;padding-left:0}
.crosel-box{max-width:100%;margin-left:15px}
a.carousel-control-next{padding-left:0;margin-left:-9px}
.carousel-control-next,.carousel-control-prev{top:auto;bottom:55px}
.carousel-caption-box{bottom:76px;top:auto}
.header-btn-group a{font-size:12px;line-height:36px;min-width:85px}
span.navbar-toggler-icon{height:36px}
.common-btn{min-width:110px;line-height:26px;font-size:13px}
a.navbar-brand.header-view{width:30%}
a.navbar-brand svg{width:100%}
header .nave-bar{margin-right:35px}
header .nave-bar{margin-right:50px}
header .nave-bar{margin-right:45px}
.header-btn-group a{font-size:12px;min-width:70px}
.header-btn-group a{margin-left:6px}
.stiky-logo{width:30%}
.stiky-logo svg{width:100%}
span.top-sub-title{font-size:16px}

/*about*/
.why-choose-us-left{margin:0 15px}
.slider-your-business2 .owl-prev:after,.slider-your-business2 .owl-next:after{font-size:16px;width:40px;height:40px}
.slider-your-business2 .owl-nav{top:auto;bottom:-58px;left:0;right:0}
section.slider-your-business2{padding-bottom:85px}
.testimonial-section-main{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 100%;max-width:100%}
.form-content{padding:30px 30px}
.form-content-hd{font-size:20px}
.login-box .form-group input[type="text"],.form-group select,.form-group textarea{height:35px}
.login-box .form-group{margin-bottom:14px}
.header-bottom-block ul.navbar-nav li.nav-item a.nav-link{font-size:12px}
.user-info-block{flex-wrap:wrap;width:100%}
.user-info-right{margin-top:20px}
.header-bottom-block li.nav-item:nth-last-child(2){padding-left:0!important}
.registration-section .common-headning h2{font-size:20px}
.registration-info-heading{font-size:18px}
.select2-container{width: 100% !important;}
}

@media(max-width: 480px){
.carousel-caption-content h1{font-size:22px}
.about-us-left h2,.description-blue-box h2{font-size:18px}
.description-box p{font-size:13px}
.about-us-right figure img{width:200px;height:200px}
.subscription-plan-main{width:90%}
.subscription-body{padding:20px 20px 30px}
.common-headning h2{font-size:22px}
.form-box{max-width:100%}
.form-box{padding:10px 30px 0}
.select2-container{width: 100% !important;}
.footer-content:nth-child(1){margin-bottom:15px}

/*about*/
.page-heading-sec .page-heading{font-size:22px}
.why-choose-us-left h2{font-size:20px;padding-bottom:14px}
.top-banner .carousel-item img{height:310px}
.login-box .form-content{padding:20px 20px}
.login-box .form-content-hd{font-size:20px}
.form-forgot a.forgot-link{font-size:12px}
.login-box .form-custom{display:flex;align-items:center}
.login-box .form-group label{margin-bottom:0;padding-left:5px;font-size:12px}
section.form-section{padding:40px 0}
.form-register-blk{flex-wrap:wrap}
.form-register-blk .account-step{margin-top:12px}
.header-bottom-block ul.navbar-nav li a.nav-link{padding:5px 0!important}
.user-info-left{flex-wrap:wrap;justify-content:center}
.user-info-left .user-profile-info{padding-left:0;text-align:center;margin-top:20px}
.user-info-right{text-align:center;width:100%}


.account-detail-head,.registration-info-head{flex-wrap:wrap}
.profile-main a.change-password-btn{padding-right:0!important;padding-left:0;padding-top:0}
.registration-info-right{margin-top:13px}
.registration-info-right{margin-top:13px}
.registration-item{display:flex;justify-content:space-between}
.registration-item span.registration-item-nm{width:auto}
.patient-detail-head-blk{flex-wrap:wrap}
.patient-detail-info-block{padding: 30px 25px;}
.patient-detail-head{    font-size: 24px;    width: 100%;}
.account-detail-heading {
    font-size: 24px;

}
}
@media (max-width: 992px) {
    ul.navbar-nav li a {
        color: #fff;
        padding: 0 !important;
        text-transform: capitalize;
        margin: 0;
        font-size: 15px;
        font-weight: 700;
    }
    li.nav-item.active .nav-link, ul.navbar-nav li:hover .nav-link {
        color: #fff;
    }
}