@media only screen and (max-width: 1600px)
{

}

@media only screen and (max-width: 1440px)
{
    .header-area .header-top{
        padding-top: 4px;padding-bottom: 4px;
    }
    .main-header .main-menu ul li a{
        padding: 18px 15px 14px;
    }
    .header-sticky.sticky-bar.sticky .main-menu ul > li > a {
        padding: 18px 15px 14px;
    }
    .header-right-btn .btn{
        padding: 20px 22px;
    }
    .single-slider .hero-cap.pt-100{
        padding-top:90px;
    }
    .slider-height2 {
        min-height: 300px;
    }
    .slider-area .hero-cap h2{
        font-size:50px;
    }
}


@media only screen and (max-width: 1380px)
{
    body{font-size:14px;}
    .footer__widget-about p{font-size:13px;}
}

@media only screen and (max-width: 1280px)
{

}


@media only screen and (max-width: 1199px)
{
    .navbar ul li{margin:0;}
    header.header .container,.top-info-beam .container{max-width: 100%;width:100%;}
    .top-info{font-size:14px;}
    .top-info-beam p{font-size:13px;}
    .navbar .navbar-brand img{width:200px;}
    .navbar{padding:5px 0;}
    #pageTitle .breadcrumb{padding:5px 10px}
    .navbar ul li a{
        font-size:14px;
    }
}

@media only screen and (max-width: 1100px)
{

}


@media only screen and (max-width: 1024px)
{
    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}


@media only screen and (max-width: 991px)
{
    .navbar ul li a{
        font-size:18px;
    }
    .contact-form-panel{padding:30px;}
    .grid__img h2{
        padding:15px 10px;
    }
    .slider .owl-dots{bottom:0;}
    .portfolio-carousel-layout2 .portfolio-item .portfolio__content .portfolio__title {
        font-size: 18px;
    }
    .footer__widget {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; 
    }
    .footer__widget-content nav ul {
        list-style: none;
        padding-left: 0;
    }
    .footer__widget-about p{text-align: left;}
    .slider .owl-carousel .owl-nav [class*="owl-"]{display: none;}
    header.header .container{width:100%;max-width:100%;}
    .menu-beam  .navbar-collapse.menu-opened{left:0;}
    .menu-beam  .navbar-collapse{
        position: fixed;
        left: 100%;
        width: 100%;
        background: #3b2319;
        top: 0;
        height: 100%;
        z-index: 100;
        align-items: center;
        justify-content: center;
        display: flex;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }
    ul li ul.sub-menu.dropdown-menu{padding:0;margin:0 0 10px 0;}
    .navbar ul li.active > a, .navbar ul li a:hover {
        color: #a49b8f;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar ul li a{text-align: center;}
    .menu-beam  .navbar-collapse > .ml-auto{margin:0 auto;width: 100%; text-align: center;padding: 0 30px;max-height: 100%;overflow: auto;}

    .navbar .navbar-toggler {
        position: absolute;
        right: 15px;
        z-index: 105;
        background: #fff7ec;
        width:41px;height: 41px;padding: 0;
    }

    .navbar .navbar-toggler .menu-lines {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 9px;
        margin-top: 15px;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }
    .navbar .navbar-toggler.actived .menu-lines {
        margin-top: 10px;
    }
    .navbar .navbar-toggler .menu-lines:after,
    .navbar .navbar-toggler .menu-lines:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0;
        width: 23px;
        height: 2px;
        display: inline-block;
        background-color: #333;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
    }
    .navbar .navbar-toggler .menu-lines:after {
        top: 10px;
    }
    .navbar .navbar-toggler .menu-lines span {
        position: absolute;
        top: 0;
        left: 0;
        width: 23px;
        height: 2px;
        background-color: #333;
    }
    .navbar .navbar-toggler.actived .menu-lines>span {
        opacity: 0;
    }
    .navbar .navbar-toggler.actived .menu-lines:before {
        top: 10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navbar .navbar-toggler.actived .menu-lines:after {
        top: 10px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .slider-area .hero-cap h2{
        font-size:40px;
    }
    .slider-height2 {
        min-height: 250px;
    }
    .single-slider .hero-cap.pt-100 {
        padding-top: 65px;
    }
    .navbar-light .navbar-toggler{
        padding: 3px 5px !important;
    }
    .dropdown-menu{
        border: 0;
    }
    .dropdown-submenu > .dropdown-menu {
        margin-top: 10px;
    }
    .nav-item  {
        border-bottom: 1px solid #8cc63f;
    }
    #facebook_slider_widget,.social_slider_widget {
        display: none;
    }
    .section_subtitle{
        font-size:14px;
    }
    .navbar a.search{
        position: absolute;top:10px;right: 55px;
    }
    .navbar .flags {
        position: absolute;top:10px;right: 75px;
    }
    .navbar .flags + .flags{
        right:100px
    }
    #navbarCollapse{
        background:#fff;
    }
    a.search{
        color:#8cc63f
    }
    a.search:hover{
        color:#949494;
    }
    .navbar-brand{
        padding-left: 15px;
    }
    .footer{
        text-align: center;
    }
    .slider-active .owl-nav .owl-prev, .slider-active .owl-nav .owl-next{
        display: none !important;
    }

    header.header{position: fixed;top:0;width:100%;z-index: 9093;}
    .wrapper{padding-top:60px;}
}

@media only screen and (max-width: 959px)
{

}

@media only screen and (max-width: 880px)
{

}

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

}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
    #navbarCollapse {
        background:rgba(0,0,0,0.5);
    }
    .nav-sticky.navbar-custom #navbarCollapse,.site #navbarCollapse{
        background:#fff;
    }
}
@media only screen and (max-width: 767px)
{
    .col-lg-4 .widget{margin-top:40px;}
    h1{font-size: 36px;}
    h2{font-size: 26px;}
    h3{font-size: 22px;}
    h4{font-size: 18px;}
    h5{font-size: 15px;}
    .home_slider.owl-theme .owl-nav{
        display: none;
    }
    .hero-5-bg .bd-example .carousel-caption{
        width: 90% !important;
    }
    .hero-5-bg .carousel-item {
        padding: 110px 0 50px !important;
    }
    .hero-5-bg .carousel-item a.btn{
        font-size: 12px;
        padding: 8px 14px;
    }
    body{
        font-size:14px;
    }
    .row-offer-h,.row-revers .features-box{
        text-align: center;
    }
    .row-offer-h .features-img,.row-offer-h.row-revers .features-img{
        margin: 0 auto 10px auto;
    }
    #map{
        height: 390px !important;
    }
    .section-padding,.section.section-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .partners #partners-slider.owl-carousel{
        padding:0;
    }
    footer,.footer-area .footer-tittle p{
        font-size:14px;
    }
    .page-title .container .text-right{position: relative;}
    .page-title .breadcrumb.justify-content-end{background: transparent;transform: none;box-shadow: none;padding:0;}
    .breadcrumb-item.active{color:#ccc;}
    .page-title .breadcrumb.justify-content-end {
        font-size: 11px;
    }
}

@media only screen and (max-width: 575px)
{
    .contact-details .contact-item a,.contact-details .contact-item p{font-size:14px;}
    .contact-info-card,.contact-form-panel{padding:25px 20px;}
    .btn{font-size:12px;padding:8px 18px !important;}
    .page-title .container{padding:30px 15px;}
    .page-title .pagetitle__heading{font-size:28px;margin:0;}
    .page-title .container .text-right{display: none;}
    .hero-3-title, .hero-4-title {
        font-size: 20px;
    }
    .carousel-caption{
        font-size: 14px;
    }


    .one-section-row .right-photo img,.one-section-row .left-photo img{
        margin-bottom: 15px;
    }
    .one-section-row .left-photo{
        flex-direction: column-reverse;
    }
    #contact-form .btn{
        width: 100%;
    }
    section.big{
        padding: 30px 0;
    }
    section,.section,.section.section-padding{
        padding:30px 0;
    }
    .nav-item,.call-no{
        text-align: center;
    }
    .home-header .video-header {
        min-height: 250px;
        height: auto;
        display: flex;
        align-content: center;
        justify-content: center;
        padding:20px 0;
    }
    body.site .section-bg-angle, .footer .section-bg-angle {
        margin-top: -30px;
    }
    .slider-height{
        height: 60vh;
    }
    .slider-area .hero__caption .hero-text1 span, .slider-area .hero__caption .hero-text1 a, .slider-area .hero__caption .hero-text2 span, .slider-area .hero__caption .hero-text2 a{
        font-size:18px;
    }
    .slider-area .hero__caption .hero-text2 .btn{
        margin-top:0;font-size:12px;padding:12px 20px;line-height: 1.2;
    }
    .header-area .header-bottom {
        padding: 10px 15px;
    }
    .header-sticky ul li a {
        padding: 7px 15px;
    }
    .slicknav_nav{
        padding:10px 15px;
    }
    .all-left-box .service-img{
        width:50%;max-width: 100%;padding-right: 10px;flex: 0 0 80px;
    }
    .all-left-box .btn{
        font-size:12px;
    }
    footer .footer__widget-about,.footer__widget-about p{text-align: center;}
    footer .footer__widget-about img{margin:0 auto 10px auto;}
}


@media only screen and (max-width: 480px)
{
	.service-item3{padding:20px;}
	.service-item3 .rt-image{width:66px;}
	.treatment-card,.service-item3{backdrop-filter:none;}
    .price-badge{font-size:15px;}
    .service-name{font-size:15px;}
    .service-desc,.service-item2 p {
        font-size: 13px;
    }
    .treatment-card{padding:15px;}
    .page-title .container{;min-height: 150px;}
    .top-info-beam{padding-top:10px;}
    .top-info .flx,.top-info-beam .d-flex{justify-content: center;}
    .phone-top i{display: none;}
    .phone-top{margin:0;font-size: 20px;}
    .top-info-beam .email-top,
    .top-info-beam .social__icons{display: none;}
    .portfolio-carousel .heading-2{margin-bottom:30px !important;}
    .footer img{margin-right: 0;}
    .section-tittle span.back-text{
        display: none;
    }
    .navbar .navbar-brand img {
        max-height: 60px;
    }
    footer .footer__widget-about{flex-wrap:wrap;justify-content: center;}
    .footer__widget-about p {
        text-align: center;
    }
    .footer__contact-phone i.fa, .contact_number .fa{
        display: block;
        margin: 0 auto 10px auto;
    }
    .contact_number .fa{margin:5px 10px 5px 0;}
    .slider .slide-item .container .slide__content{padding:10px 15px;}
    .portfolio-carousel-layout2 .portfolio-item{margin:15px 20px;}
}

@media only screen and (max-width: 400px)
{
    body .slider-area .hero-cap h2 {
        font-size: 34px;
    }

}

@media only screen and (min-width:1200px)
{
    #pageTitle nav{margin-top:15px;margin-bottom: -15px;}
}

@media only screen and (min-width:1340px)
{
    .container {
        max-width: 1240px;
    }

    .h2, h2 {
        font-size: 2.34rem;
    }

}
@media only screen and (min-width:1640px)
{
    .container {
        max-width: 1340px;
    }
    .h2, h2 {
        font-size: 2.56rem;
    }
    .btn{
        padding: 14px 27px !important;
    }
}