@media(max-width: 991px) {
    .banner-heading h3 {
        display: none;
    }
    .banner-heading p {
        display: none;
    }
    .banner-heading a {
        display: none;
    }
    .left-side-image,.right-side-image,.menu-side-image,.offer-right-bg-image{
        display: none;
    }
    .main-about-page-bg h3 {
        font-size: 27px;
    }
    .main-about-page-bg h6 {
        font-size: 16px;
    }
    .main-about-page{
        padding: 10px;
    }
    .about-right-section {
        padding: 5px 10px;
    }
    .main-about-page-bg h4 {
        margin: 10px;
        font-size: 24px;
    }
    .menu-page,.Testimonials,.gallery-page,.widget-area{
        padding:10px;
    }
    .menu-page h3 {
        font-size: 22px;
    }
    .menu-page h6{
        margin-bottom: 10px;
    }
    .about-number {
        font-size: 17px;
    }
    .about-center-tag {
        margin: 4px 0px;
    }
    .about-right-section-2 {
        padding: 20px;
    }
    .offer-right-section{
        padding: 15px 5px;
        background:none;
    }
    .offer-page h4 {
        font-size: 20px;
    }
    .offer-page p {
        font-size: 17px;
    }
    .Testimonials p {
        font-size: 16px;
    }
    .Testimonials h4 {
        font-size: 21px;
    }
    .gallery-page h3{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .footer-menu h4 {
        font-size: 21px;
    }
    .footer-menu ul li {
        padding: 0px;
        margin: -5px;
        font-size: 13px;
    }
    .menu li {
        padding: 2px 0px;
        font-size: 13px;
        margin: -6px;
    }
    .menu-page p {
        font-size: 15px;
    }
    .footer-menu p{
        margin: 2px;
        font-size: 13px;
    }
    .header-links ul{
        display: block;
        float: none;
    }
    .top-header-icons {
        float: none;
    }
    .Testimonials h3{
        font-size: 20px;
    }
    .header-layout {
        z-index: 99;
        text-align: center;
    }
}
@media(max-width: 767px) {
    .primary-button {
        letter-spacing: 0.5px;
        padding: 6px 8px;
        font-size: 15px;
    }
    .header-icon {
        margin-left: 0px;
    }
    .header-links ul li a {
        font-size: 12px;
        margin: 0px;
    }
    .header-top {
        padding: 4px;
    }
    .scroll-btn {
        --btn-size: 40px;
        --extra-shape: -4px;
        right: 10px;
        bottom: 50px
    }
    .scroll-btn.show {
        bottom: 15px;
        right: 25px;
    }
    .copyright-text{
        font-size: 12px;
    }
}   

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

}
@media only screen and (min-width: 1300px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width:calc(var(--main-container) + var(--container-gutters));
        padding-left: calc(var(--container-gutters)/2);
        padding-right: calc(var(--container-gutters)/2)
    }

    .container-fluid {
        padding-left: calc(var(--container-gutters)/2);
        padding-right: calc(var(--container-gutters)/2)
    }
    .nav-item {
        padding-left: 35px;
    }
}

@media only screen and (max-width: 1600px) {
    .container-fluid.px-0 {
        padding-left:15px !important;
        padding-right: 15px !important
    }

    .container-fluid.px-0>.row {
        margin-left: -12px !important;
        margin-right: -12px !important
    }
}   
@media only screen and (min-width: 768px) and (max-width: 991px) {
   
}