@media only screen and (min-width:1601px) and (max-width:1920px){

}

@media only screen and (min-width:1441px) and (max-width:1600px){
    #banner .banner-text{padding-bottom: 75px;}
    #banner .banner-text .sub-title{font-size:3.5875rem;}
}

@media only screen and (min-width:1366px) and (max-width:1440px){
    #banner .banner-text{padding-bottom: 90px;}
    #banner .banner-text .sub-title{font-size:3rem;margin-bottom: 15px;}
    #banner .owl-carousel .owl-dots{bottom:30px;}
    #banner .btn-custom{margin-top: 15px;}

}

@media only screen and (min-width:1003px) and (max-width:1024px){
    
    .navbar{padding:20px 0;}
    .navbar a{display: none;}
    .navbar a.mob{display: block !important;}
    .navbar a img{max-width: 130px;}
    .navbar.fixed a img{max-width: 130px;}

    #main-menu ul li a{display: block !important;}
    #main-menu li.active a.nav-link:before{width:calc(100% - 14px);}


    .padding{padding:75px 0;}
    #main-menu li a.nav-link {padding: 20px 7px;}
    #main-menu .btn-custom {padding: 15px 30px 15px 50px;margin-top: 15px;}
    #main-menu li:last-child {margin-left: 10px;}


    #banner{padding:0; height: calc(100vh - 103px); margin:0;}
    #banner .item > div{padding-top:103px;max-width: calc(100% - 103px);}
    #banner .banner-text{text-align: left;max-width: 100%;/* padding-bottom: 70px; */z-index: 2;}
    #banner .banner-text .info{width: 100%;}
    #banner .banner-text .title{font-size: 1.92rem; margin:0 0 15px }
    #banner .banner-text .sub-title{font-size:2.2rem;margin-bottom: 10px;text-align: left;}
    #banner .banner-text p{line-height: normal;padding: 0;}
    #banner .banner-text .btn-custom{margin-top: 30px;}   
    #banner .item{height: calc(100vh - 103px);position: relative;}

    #about-bell-health .right-block .img-wrapper{width:100%;height:100%;}
    #application{padding:75px 0;}
    #application .app-block{margin: 0 0 30px;}
    #application .app-block .icon-block{min-width: auto;}


    #our-pledge .right-block .img-wrapper{width:100%;height:100%;}
    #testimonials .testimonial-slider .item .img-wrapper{width:100%;height:100%;}

    .service-domain .item{margin-bottom: 50px;}
    .service-domain .item .icon-wrap{width:230px;height:230px;}
    .service-domain .item .icon-wrap .icon{height:208px;}

    #statistics .block .text span{font-size:3rem;}
    #statistics .block .text em{font-size:1.2rem;}

    #application .app-block .icon-block{padding:14px 15px;}
    #application .app-block .icon-block i {margin-right: 15px;}

    .how-it-works{padding-top: 75px;}

    #inner-banner{height: 500px;}
    #inner-banner .row{height:500px;}

    .des-block {padding: 50px 30px;}
    .right-side-text {padding-left: 120px;}


    .testimonials .item .img-wrapper{width:100%;height:100%;}
    
    #footer #top .contact-block p br{display:none;}



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

    .navbar a{display: none;}
    .navbar a.mob{display: block !important;}


    #main-menu .navbar-nav li ul.dropdown-menu{width: auto; padding: 0;}
    #main-menu li .dropdown-menu{box-shadow: none;}

    .container-fluid{margin:0 30px;}

    .top-menu{position: relative;}
    .top-menu .social-connect{position: absolute;z-index: 999;bottom: -65px;right: 30px;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block; top: 33px;right:25px;}
    .top-menu .call-action{margin-left: 0px;}

    .navbar,.navbar.fixed{padding:20px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:80px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;top:80px;}

    .padding{padding:50px 0;} 
    h3{margin: 0 0 30px;}
    .container {max-width: 720px;}



    #banner{padding:0; height: calc(100vh - 80px); margin:0;}
    #banner .item > div{padding-top: 80px;max-width: calc(100% - 80px);}
    #banner .banner-text{text-align: left;max-width: 100%;/* padding-bottom: 70px; */z-index: 2;}
    #banner .banner-text .info{width: 100%;}
    #banner .banner-text .title{font-size: 1.92rem; margin:0 0 15px }    
    #banner .banner-text p{line-height: normal;padding: 0;}
    #banner .banner-text .btn-custom{margin-top: 30px;}
    #banner .item{height: calc(100vh - 80px);position: relative;}


    .navbar a img{max-width:100px;}
    .navbar.fixed a img{max-width:100px;}
    #about-bell-health .right-block .img-wrapper{width:100%;height:100%;}
    #application .text{margin: 0 0 30px;}
    #application .app-block{margin: 0 0 30px;}
    #application .app-block.app-store{float: none;}

    #our-pledge .right-block .img-wrapper{width:100%;height:100%;}

    #application{padding:50px 0;}
    #testimonials .testimonial-slider .item .img-wrapper{width:100%;height:100%;}


    #statistics .block .icon i{top:10px;}
    #statistics .block .text span{font-size:2.8rem;}

    #inner-banner{height:400px;background-position: 60%;}
    #inner-banner .row{height:400px;}
    #inner-banner .row .block{bottom:100px;}
    h1{font-size:2.50rem;}
    h2.title{font-size:2rem;margin:0 0 30px;}

    .des-block{width:100%;margin-bottom: 30px;padding:30px;}
    .right-side-text{padding-left: 0px;}

    .app-features.padding{padding-bottom: 50px;}
    .app-features .mobile-wrapper img{margin:0 auto;display: block;}

    .testimonials .item .img-wrapper{width:100%;height:100%;}

    .how-it-works{padding-top: 50px;}
    .how-it-works h3{margin-top: 50px;}

    .blank-page .text-area{margin: 30px 0 0;}
    
    #testimonials:before{display: none;}
    .tips .tips-videos{padding:50px 0;}
    .tips-videos .item{margin: 0 0 50px;}
    #statistics .block{margin-bottom: 20px;}
    
    .newsletter{margin-top: 30px;}
    
    
}

@media only screen and (min-width:320px) and (max-width:767px){
    .navbar a{display: none;}
    .navbar a.mob{display: block !important;}

    #main-menu .navbar-nav li ul.dropdown-menu{width: 100%; box-shadow: none;}
    #main-menu{height: 100vh; overflow-y: scroll;}
    .navbar .container-fluid{padding:0 20px;}
    .navbar-brand{margin-left:0px;}
    .mobile-view{position: absolute;right:70px;}
    .mobile-view a{margin:0 5px;}
    #mobile-menu .dropdown-menu.show {position: inherit !important; border: none !important; left: auto !important; right: 0 !important; transform: translate3d(0, 0, 0px) !important; padding: 0;}
    #mobile-menu .dropdown-menu a {white-space: normal !important; padding: 7px 20px !important;}

    #main-menu{display: none;}
    #mobile-menu-icon{display: block;}
    .navbar,.navbar.fixed{padding:10px 0; background-color:rgba(255,255,255,1); box-shadow:0 0.5rem 1rem rgba(0,0,0,.15); height:60px;}
    #wrapper {width: 100%; position: relative; z-index: 1;}
    #mobile-menu {display: block;}
    .navbar-brand img{width: 85px;}
    .padding{padding:30px 0;}
    .btn-cust{margin-top:20px;}
    h2.title{margin: 0 0 30px; font-size: 1.75rem}

    #banner{padding:0; height: auto; margin:60px 0 0;}
    #banner .item {background-color: #fff;}
    #banner .item{height: auto;position: relative;}
    #banner .item > div{position: inherit; padding: 15px;}
    #banner .banner-text{text-align: left;max-width: 100%; z-index: 2; text-align: center;}
    #banner .banner-text .info{width: 100%;}
    #banner .banner-text .title{font-size: 1.92rem; margin:0 0 15px }
    #banner .banner-text p{line-height: normal;width: 100%;padding: 0;}
    #banner .banner-text .btn-custom{margin-top: 30px;}
    #banner .owl-carousel .owl-dots{bottom:0;left:0;right:0;top: auto;transform: none;max-width: none; position: inherit;}

    #about-bell-health, #services, #our-pledge, #footer #top {text-align: center;}
    #about-bell-health:after {display: none;}
    #about-bell-health .right-block{margin:0 0 30px;}
    #about-bell-health .right-block .img-wrapper{width:100%;height:100%;}
    
    #services .service-domain {justify-content: center;}
    #services .service-domain [class^='col'] {flex: 0 0 50%; max-width: 50%;}
    #services .service-domain .item .icon-wrap{margin:0 auto 15px; width: 100%; height: 100%; border-width: 7px;}
    #services .service-domain .item .icon-wrap .icon {height: auto; margin: 0;}
    #services .service-domain .item .name {font-size: 1.063rem; line-height: normal;}

    .application{padding:30px 0; text-align: center;}
    .application .text{font-size:1.2rem;margin: 0 0 30px;}
    .application .app-block:first-child {margin-bottom: 15px;}
    .application .app-block {float: none !important;}
    .application .app-block .icon-block {min-width: 200px;}

    #application .app-block{margin: 0 0 20px;}
    #application .app-block .icon-block{min-width:auto;}
    #application .app-block.app-store{float: none;}

    #application .app-block .icon-block{padding:14px 20px;}
    #application .app-block .icon-block i{margin-right: 10px;}

    #our-pledge .right-block{margin-top: 20px; text-align: center;}
    #our-pledge .right-block .img-wrapper{width:100%;height:100%;}
    #our-pledge .right-block .img-wrapper, #our-pledge .right-block .img-wrapper img {float: none;}
    
    #statistics .block{padding-left: 0px;text-align: center;}
    #statistics .row [class^='col-']:nth-child(-n+2) .block {margin-bottom: 30px;}
    #statistics .block .icon{display: flex; margin-bottom: 10px; height: 70px; align-items: center; justify-content: center;}
    #statistics .block .icon i{position: inherit;}
    #statistics .block .text{display:block;}
    #statistics .block .text span{font-size:2rem;}
    #statistics .block .text em {font-size: 1.063rem;}

    #testimonials:before{display: none;}
    #testimonials .testimonial-slider .item .img-wrapper{margin:0 auto;}
    #testimonials .testimonial-slider .owl-dots{top:-10px;}

    #footer #bottom{text-align: center;}
    #footer #bottom p{text-align: center !important;}

    #inner-banner{height:280px;background-position:60%;}
    #inner-banner .row{height:280px;}
    #inner-banner .row .block{bottom:50px;}
    h1{font-size:2.50rem;}

    p{margin:0 0 20px;}
    h3{margin:15px 0;}

    .des-block{padding:30px;font-size: 1.3rem;line-height: 160%;width: 100%;margin-bottom: 20px;}
    .right-side-text{padding-left: 0px;}
    .how-it-works{padding-top: 30px;}
    .how-it-works h3{margin:20px 0;}

    .services-list.right-side .icon-wrapper{display: none;}
    .services-list.right-side .mob-view .icon-wrapper{display: block;}
    .services-list .item{display: inline-block !important;}
    .services-list .item .icon-wrapper{margin-bottom: 30px;}
    .services-list .item .icon{margin: 0 auto;}
    .services-list .item .service-detail .title{font-size:1.55rem;}
    .services-list .item .service-detail{margin-left: 0px;}
    .services-list.right-side .item .service-detail{margin: 0px;}

    .app-features .features-detail .item{display: inline-block !important;}
    .app-features .features-detail .item .icon-wrapper{margin-bottom: 20px;}
    .app-features .features-detail .item .icon{margin: 0 auto;}
    .app-features .features-detail .item .features-area{margin-left: 0px;}

    .app-features.padding{padding-bottom: 30px;}

    #testimonials .testimonial-slider.owl-carousel button.owl-dot{margin:0 5px;}

    .testimonials .item{margin:30px 0;}
    .testimonials .item .img-wrapper{margin:0 auto;}

    .contact-area .item {padding-bottom: 20px;margin: 0 0 20px;}
    .contact-area .item h3{margin-bottom: 15px;}

    .drop-us{padding:20px 20px 30px;}
    .drop-us h3{margin: 0 0 15px;}

    .map-area iframe{height:300px;}
    
    .blank-page .text-area{margin:30px 0 0 0;}
    
    .tips .language{text-align: left !important;}
    .tips .language .change {padding: 0 15px 0 15px;margin-left: 10px;}
    .tips .language .change:before {height: calc(100% + 15px);top: -8px;}
    
    .fancybox-type-iframe .fancybox-inner{height:300px !important;}
    
    .tips .tips-videos{padding:30px 0;}
    .tips-videos .item{margin:0 0 30px;}
    
    #footer #top .newsletter{margin-top:20px;}
    #footer #top .newsletter h3{margin:0 0 30px;}
    
    .services-list-wrapper .row {justify-content: center;}
    .services-list-wrapper [class^='col'] {flex: 0 0 50%; max-width: 50%;}
    .services-list-wrapper .item .name {font-size: 1.063rem; line-height: normal;}
    .services-list-wrapper .item .icon-wrap {width: 120px; height: 120px; border-width: 7px;}
    .services-list-wrapper .item .icon-wrap .icon {height: 110px; margin-bottom: 0;}
    .services-list-wrapper .item .icon-wrap .icon i {transform: scale(0.7); transform-origin: center center;}
}

@media only screen and (min-width:320px) and (max-width:480px){

}