@media only screen and (max-width: 1920px) and (min-width: 1445px) {
    .container {
        max-width: 1500px;
    }
}

@media only screen and (max-width: 1600px) {
    .contact br {
        display: none;
    }
    .contact span {    
        gap: .5rem;
    }
    .contact a {
        font-size: 1.125rem !important;    
    }
    .mainCaption h1 {
        font-size: 4rem;    
    }
    .title {    
        font-size: 12rem;    
    }
    .heading {
        font-size: 6rem;    
    }
    .services-section .icon {    
        top: -5rem;
        right: -5rem;
    }
    .innerContent h1 {
        font-size: 3.5rem;    
    }
    .innerContent {        
        left: -2.5rem;    
        padding: 2rem 8rem;    
        min-width: 500px;
    }
}

@media only screen and (max-width: 1445px) {
    html {
        font-size: 15px;
    }
    .navbar-nav {    
        width: max-content;
    }
    .mainCaption {    
        max-width: 55%;    
    }
    .mainCaption p {
        font-size: 1.25rem;
    }
    .btnPlay {
        top: 30%;
        left: 40%;
    }
    .title {
        font-size: 11rem;
    }    
    .aboutimg img:nth-child(2) {
        top: 32rem;
        left: 3rem;    
    }
    .aboutimg img:nth-child(3) {
        top: 5rem;    
    }
    .aboutimg img:nth-child(5) {
        top: 0;
        right: -2.5rem;    
    }
    .aboutimg span {
        width: 90px;
        height: 90px;    
        top: 18rem;
        left: -3rem;
    }
    .aboutimg img:nth-child(3) {
        top: 8rem;
    }
    .aboutimg img:nth-child(1) {
        top: 4rem;    
    }
    .aboutimg img:nth-child(4) {
        top: 20rem;
        right: -4rem;
    }
    .about-section p {
        font-size: 1.35rem;    
    }
    .about-section p:nth-of-type(1){
        display: none;
    }
    .button.group {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 1rem;
    }
    .heading {
        font-size: 5rem;
    }
    .text {
        font-size: 1.5rem;    
    }
    .servicesCard h4 {
        font-size: 2.125rem;
    }
    .bookingBtn {    
        padding: 0 0 0 1rem;    
    }
    .services-section .col-md-4.mb-5 {
        margin-bottom: 2rem !important;
    }
    .secone {    
        font-size: 50px !important;
    }
    .hero-section .items {    
        bottom: 0;
        width: 280px;
    }
    .hero-section .figure {    
        bottom: 0;
        left: -10rem;
    }
    .hero-section .leave {        
        left: -13rem;
    }
    .videoBox figcaption h2 {
        font-size: 3rem;    
    }    
    .testimonailCard h5 {
        font-size: 1.75rem;    
    }
    .testimonailCard .quoteleft {    
        width: 50px;
    }
    .newsletterBox {    
        padding: 1.5em;    
    }
    .newsletter h2 {
        font-size: 3.5rem;    
    }
    .quickList ul li, .quickList ul li a, .quickList ul li span {    
        overflow-wrap: break-word;
    }
    ul.socialLinks li a {    
        width: 50px;
        height: 50px;    
    }
    .innerContent {
        left: -12.5rem;        
    }
    .about-section .heading {
        font-size: 3.5rem;
    }
    .serviceInner .servicesCard h4 {
        font-size: 3rem;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 14px;
    }
    
    .an-navbar {
        padding: 1rem 0;
    }
    
    .navbar-brand img {
        max-width: 200px;
    }
    
    .mainicon2 {    
        left: -5rem;
    }
    
    .mainCaption {
        max-width: 60%;
        background: linear-gradient(90deg, rgba(252, 250, 253, 1) 0%, rgba(253, 252, 254, 0.53) 60%, rgb(255 255 255 / 50%) 100%);
    }
    .title {
        font-size: 10rem;
    }
    .btnPlay {
        top: 32%;
        left: 46%;
    }
    .mainconditioner {    
        left: -5rem;    
    }
    .title {
        font-size: 9rem;
    }
    .main-slider,
    .homeSlider{
        height: 980px;    
    }
    .subheading {    
        font-size: 2rem;    
    }
    .heading {
        font-size: 4rem;
    }
    .text {
        font-size: 1.375rem;
        margin-bottom: 2rem;
    }
    .servicesCard h4 {
        font-size: 2rem;
    }
    .services-section .col-md-4.mb-5 {
        margin-bottom: 1.5rem !important;
    }
    .secone {
        font-size: 46px !important;
    }
    .hero-section .leave {
        display: none;
    }
    .hero-section {    
        margin-top: 14rem;
    }
    .videoBox .btnplay {
        width: 7rem;
        height: 7rem;    
        font-size: 1.75rem;    
    }
    .testimonailCard p {
        font-size: 1.375rem;    
    }
    .contact-section h3 {
        font-size: 2.25rem;    
    }
    .contact-section :not(textarea).form-control {
        height: 50px;
    }
    .newsletter h2 {
        font-size: 3.25rem;    
    }
    .innerContent {
        left: -10.5rem;
    }
    .innerContent h1 {
        font-size: 3.25rem;
    }
    .about-section .heading {
        font-size: 3.25rem;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 13px;
    }
    .main-slider, .homeSlider {
        height: 920px;
    }
    .mainicon1 {    
        bottom: -5rem;
        left: -10.125rem;
    }
    .mainCaption {
        max-width: 70%;        
    }
    .btnPlay {
        top: 34%;
        left: 58%;
    }
    .mainCaption h1 {
        font-size: 3.75rem;
    }
    .mainconditioner {    
        bottom: -3.4rem;    
    }
    .title {
        font-size: 8rem;
    }
    .aboutimg img:nth-child(1) {
        top: 3rem;
    }
    .aboutimg img:nth-child(2) {
        top: 40rem;
        left: 0;
    }
    .aboutimg img:nth-child(3) {
        top: 12rem;
    }
    .aboutimg img:nth-child(4) {
        top: 24rem;
        right: -4rem;
    }
    .aboutimg img:nth-child(5) {
        top: 3rem;
        right: -2.5rem;
    }
    .aboutimg span {
        width: 80px;
        height: 80px;
        top: 18rem;
        left: -5rem;
    }
    .heading {
        font-size: 3.75rem;
    }
    .text {
        font-size: 1.35rem;        
    }
    .servicesCard h4 {
        font-size: 1.75rem;
    }
    .hero-section .figure {        
        left: -14rem;
    }
    .videoBox img {
        width: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover;
    }
    .work-section a figure img {    
        height: 300px;
    }
    .newsletter h2 {
        font-size: 3.125rem;    
    }
    .newsletterBox input {
        height: 50px;    
        font-size: 1.375rem;
    }
    .quickList ul li, .quickList ul li a, .quickList ul li span {
        font-size: 15px;    
    }
    ul.socialLinks li a {
        width: 44px;
        height: 44px;
        font-size: 1.125rem;
    }
    .quickList h2 {
        font-size: 1.375rem;    
    }
    .innerContent {
        padding: 2rem;
        max-width: unset;
        text-align: center;
        border-width: 8px;
        left: 50%;
    }
    .innerBanner {    
        height: 400px;
    }
    .about-section .heading {
        font-size: 3.125rem;
    }
    .serviceInner .servicesCard h4 {
        font-size: 2.75rem;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 12px;
    }
    
    .navbar-brand{
        background: #fcfafd;
    }
    
    .navbar-collapse {
        background: var(--black);
        padding: 2em;
    }
    
    .navbar-toggler {
        background: var(--white);
        color: var(--black);
        width: fit-content;
    }
    .navbar-nav {
        width: 100%;
        gap: 1rem;
        text-align: center;
    }
    .menu-main-menu-container #menu li {
        margin-right: 0 !important;
    }
    
    .navbar-nav .menu-main-menu-container ul li:nth-of-type(1) {
        order: 1;
    }
    .navbar-nav .menu-main-menu-container ul li:nth-of-type(2) {
        order: 2;
    }
    
    .navbar-nav .menu-main-menu-container ul li:nth-of-type(3) {
        order: 3;
    }
    
    .navbar-nav .menu-main-menu-container ul li:nth-of-type(4) {
        order: 4;
    }
    
    .navbar-nav .menu-main-menu-container ul li:nth-of-type(5) {
        order: 5;
    }
    
    .navbar-nav .menu-main-menu-container ul li:nth-of-type(6) {
        order: 6;
    }
    
    .navbar-nav .menu-main-menu-container ul li:nth-of-type(7) {
        order: 7;
    }
    
    .navbar-nav > li:nth-of-type(1) {
        order: 4;
    }
    .navbar-nav > li:nth-of-type(2) {
        order: 5;
    }
    
    .contact img,
    .mainconditioner,
    .mainicon1,
    .mainicon2,
    .btnPlay{
        display: none;
    }
    
    .main-slider, .homeSlider {
        height: 700px;
    }
    
    .mainCaption {
        max-width: 100%;
        width: 100%;
        left: 0;
        border: none;
    }
    .title {
        font-size: 10rem;
    }
    
    .mainCaption h1 {
        font-size: 3.5rem;
    }
    .themeBtn {    
        font-size: 1.25rem;    
        padding: 0.5em 3.5em;    
    }
    section,
    .about-section {
        padding: 5rem 0;
    }
    .aboutimg img {
        position: relative;
        inset: unset;
    }
    .aboutimg img:nth-child(1),
    .aboutimg img:nth-child(2),
    .aboutimg img:nth-child(4),
    .aboutimg img:nth-child(5){
        display: none;
    }
    
    .aboutimg img:nth-child(3) {
        top: 0;
        margin: 0 auto;
        display: block;
    }
    .aboutimg span {
        width: 70px;
        height: 70px;
        top: 0;
        left: 5rem;
    }
    .button.group {        
        flex-flow: wrap row;        
    }
    .services-section .icon {
        top: -7rem;
        right: -4rem;
    }
    .hero-section {
        margin-top: 0;
    }
    .hero-section .figure {        
        display: none;
    }
    .hero-section .col-md-10 {
        text-align: center !important;
        margin: 0 auto !important;
    }
    .hero-section .items {
        bottom: 0;
        width: 200px;
        transform: translateX(-50%);
    }
    .secone {
        font-size: 3rem !important;
    }
    .videoBox figcaption h2 {
        font-size: 2.75rem;
    }
    .videoBox .btnplay {
        width: 6rem;
        height: 6rem;
        font-size: 1.5rem;
    }
    .shop-section .swiper-button-next::after, .video-section .swiper-button-next::after, .testimonial-section .swiper-button-next::after,
    .shop-section .swiper-button-prev::after, .video-section .swiper-button-prev::after, .testimonial-section .swiper-button-prev::after{    
        font-size: 1.5rem;
    }
    .testimonailCard h5 {
        font-size: 1.5rem;
    }
    .contact-section .awards-list li img {
        width: 80px;
    }
    
    .contact-section .awards-list li {
        margin-bottom: 1rem;
    }
    .contact-section h3 {
        font-size: 2.125rem;
    }
    .contact-section :not(textarea).form-control {
        height: 46px;
        padding: 0 1em;
    }
    .newsletter h2 {
        font-size: 3rem;
        margin-bottom: 1rem;
        text-align: center;
    }
    .newsletterBox {
        padding: 1em 1.5em;
    }
    .newsletterBox input {
        height: 46px;
        font-size: 1.35rem;
        margin: 0 !important;
        padding: 0 1em !important;
    }
    .footerLogo img {
        max-width: 200px;
    }
    .quickList h2 {
        margin: 1rem 0;
    }
    .quickList ul p {
        display: none;
    }
    .copyRight {    
        padding: 1rem 0;
        margin-top: 3rem;
    }
    ul.socialLinks li a {
        width: 40px;
        height: 40px;        
    }
    .innerBanner {
        height: 360px;
    }
    .innerContent {
        padding: 1em;        
    }
    .innerContent h1 {
        font-size: 3rem;
    }
    .about-section .heading {
        font-size: 3rem;
    }
    .themeBtn.invert {
        margin-top: 1rem;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 11px;
    }
    .navbar-brand img {
        max-width: 160px;
    }
    .mainCaption h1 {
        font-size: 3.125rem;
    }
    .mainCaption p {
        font-size: 1.125rem;
    }
    
    .title {
        font-size: 7rem;
        margin: 0 0 1rem 10rem;
    }
    section, .about-section {
        padding: 4rem 0;
    }
    .about-section p {
        font-size: 1.25rem;
    }
    .heading {
        font-size: 3.125rem;
    }
    .text {
        font-size: 1.25rem;
    }
    .servicesCard {
        text-align: center;
    }
    .services-section .icon {
        top: -5rem;
        right: -2rem;
        width: 200px;
    }
    .hero-section .icons {    
        right: -8.375rem;
    }
    .videoBox figcaption h2 {
        font-size: 2.5rem;
    }
    .videoBox .btnplay {
        width: 5rem;
        height: 5rem;
        font-size: 1.25rem;
    }
    .work-section a figure img {        
        aspect-ratio: 1;
    }
    .testimonailCard {    
        margin: 1rem;
        margin-bottom: 5rem;    
    }
    .testimonailCard .quoteleft {
        display: none;
    }
    ul.socialLinks {    
        justify-content: center;
        margin-top: 1rem;
    }
    .quickList ul li, .quickList ul li a, .quickList ul li span {
        font-size: 14px;
    }
    .copyRight p {    
        font-size: 1.125rem;
        text-align: center;
    }
    .innerBanner {
        height: 320px;
    }
    .innerBanner img:nth-of-type(2) {        
        object-position: 100% 100%;
    }
    .innerContent {
        padding: 2em;
        left: 0;
        border-width: 0;
        width: 100%;
        text-align: left;
    }
    .innerContent h1 {
        font-size: 2.75rem;
    }
    .about-section .heading {
        font-size: 2.75rem;
    }
    
    .about-section.aboutInner .pl-5 {
        padding-left: 15px !important;
    }
    .serviceInner .servicesCard h4 {
        font-size: 2.5rem;
        margin: 1rem 0 0;
    }
    .rating {    
        font-size: 16px;    
    }
}

@media (max-width: 575.98px) {
    .main-slider, .homeSlider {
        height: 600px;
    }
    .mainCaption h1 {
        font-size: 3rem;
    }
    .title {
        font-size: 5rem;
        margin: 0 0 1rem 1rem;
    }
    .mainCaption {        
        padding: 3em 1em;
    }
    .themeBtn {
        font-size: 1.125rem;
        padding: 0.5em 2.5em;
    }
    .homeSlider .swiper-button-prev, .homeSlider .swiper-button-next {
        width: 3.125rem;
        height: 3.125rem;    
    }
    .aboutimg span {
        width: 60px;
        height: 60px;        
        left: 0;
    }
    .services-section .icon {
        top: -4rem;        
        width: 140px;
    }
    .heading {
        font-size: 3rem;
    }
    .hero-section .icons {
        right: -10rem;
    }
    .videoBox figcaption h2 {
        font-size: 2.125rem;
    }
    .videoBox .btnplay {
        width: 4rem;
        height: 4rem;
        font-size: 1.125rem;
    }
    .newsletterBox input {
        height: 40px;        
        padding: 0 .75em !important;
    }
    .newsletterBox {
        padding: .75em 1.125em;
    }
    ul.socialLinks li a {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 320.98px) {
    .mainCaption h1 {
        font-size: 2.75rem;
    }
    .title {
        font-size: 3.75rem;
        margin: 0 0 1rem 1rem;
    }
    .services-section .icon {
        top: -3rem;
        width: 100px;
    }
    .heading {
        font-size: 2.75rem;
    }
    .videoBox img {        
        aspect-ratio: 1;        
    }
}