/* large desktop :2160px. */

@media (min-width: 2160px) and (max-width: 3840px) {}


/* large desktop :2001px. */

@media (min-width: 2001px) and (max-width: 2160px) {}

/* large desktop :1400px. */

@media (min-width: 1400px) and (max-width: 2000px) {}


/* small desktop 1200px to 1400px */

@media (min-width: 1200px) and (max-width: 1399px) {



    .about-section-right {

        padding: 0%;

    }





    .whychoose-section-left h2 {

        margin: 0px 0px 30px 0px;

        padding: 0px 0px;

        font-size: 35px;

        line-height: 45px;

    }



    .whychoose-section-left-text-row h3 {

        font-size: 20px;

        color: #1E1E1E;

        font-weight: 400;

        padding-left: 50px;

    }


    .whychoose-section-left {

        top: 100px;

    }


    .client-detalis {

        margin: 84px 80px 0px;

    }



    .services-box h5 {
        font-size: 22px;
    }






}


/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1199px) {


    .stellarnav>ul>li>a {
        padding: 21px 10px;
        font-size: 18px;
        font-weight: 400;
    }


    .header-right {
        gap: 30px;
    }

.banner-text-section {
	min-height: 448px;
     }
.banner-text-section h1 {
    font-weight: 600;
    font-size: 65px;
    margin: 0px;
    padding: 0px 100px 20px 100px;
    line-height: 42px;
    }
.bannertext p {
	font-size: 25px;
    }


    .booking-section .book-now {
        width: 20%;
    }

    .categories-section {
        margin: 30px 0px;
        padding: 0px;
    }

    .about-section {
        margin: 0px 0px;
    }


    .about-section-right h2 {
        font-size: 47px;
    }


    .about-section-right .loginbtn {
        width: 40%;
        margin-top: 40px;
    }


    .ourclientssay-section h2 {
        margin: 0px 0px 20px 0px;
        padding: 0px;
        font-size: 47px;
    }


    .follow-section {
        padding: 30px 0px;

    }

    .footer-links p {
        font-size: 20px;
    }


    .about-section-page {
        padding: 30px 0px;
        margin: 0px;
    }


    .services-section-page-upper {
        padding: 30px 0px;
        margin: 0px;
        text-align: center;
    }


    .services-section-page-upper .quote {
        margin: 0px auto;
        display: block;
        width: 20%;
    }



    .services-box h5 {
        font-size: 18px;
    }



    .services-box h5::before {

        width: 14%;

        border: 1px dashed #818181;
    }

    .faq-section {
        padding: 20px 0px 100px;
    }

    .gettouch-contactPage p a {
        font-size: 23px;
        line-height: 28px;
    }




}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
	.about-section-left {
		padding: 1% 0% 0% 0%;
	}
    .logo {
width: 41%;
    margin: 0px 0px;
    text-align: center;
    display: block;

    }

    .header-right {

        gap: 10px;

        margin-top: 0px;
    }


    .main-nav.scroll {

        position: relative;

    }


    .stellarnav ul {

        margin: 0px 0px 0px 0px;

    }

    .stellarnav {

        justify-content: end;

        align-items: center;

    }

    .menu-toggle {

        display: block !important;

        text-align: center;

    }

    .stellarnav .menu-toggle span.bars {

        top: 0px;

    }

    .stellarnav .menu-toggle {

        padding: 6px;

    }

    .stellarnav .menu-toggle span.bars span {
        width: 35px;
        height: 3px;
        border-radius: 6px;
        background: #a65922;
        margin: 0 0 5px;
    }

    .stellarnav.mobile.right>ul {

        z-index: 999;
        background: #2f110b;

    }

    .main-nav .stellarnav ul ul {

        width: 100%;

        background: #d8e5ee;

        padding: 12px 6px;

    }

    .stellarnav>ul>li>a:hover {

        color: #994b14;

    }

    .stellarnav>ul>li>a.active {

        color:#994b14 !important;

    }

    .stellarnav .icon-close::after {

        border-bottom: solid 3px #f82424;

    }

    .stellarnav .icon-close::before {

        border-bottom: solid 3px #f82424;

    }

    .stellarnav a.dd-toggle .icon-plus::after {

        border-bottom: solid 3px #fff;

    }

    .stellarnav a.dd-toggle .icon-plus::before {

        border-bottom: solid 3px #fff;

    }

.banner-text-section {
	min-height: 374px;
    }
.bannertext h1 {
	margin: 0px 0px 7px 0px;
	font-size: 57px;
    } 
.bannertext p {
	margin: 0px 0px 14px 0px;
	font-size: 21px;
    }
.about-section-right p {
	padding: 0px 4%;
	font-size: 17px;
}
    
    .stellarnav.mobile li a {

        color: #fff;
        font-size: 15px;
        border-bottom: 1px solid rgba(210, 176, 176, 0.15);

    }

    .stellarnav .menu-toggle span.bars {

        top: 11px !important;

    }


    .banner-section .owl-dots {

        display: none;

    }



    .services-section-page-upper {
        padding: 20px 0px;
    }


    .services-section-page-upper h4 {
        font-size: 28px;
    }



    .services-section-page-upper .quote {
        width: 30%;
    }


    .gettouch-contactPage p {
        gap: 15px;
    }

    .gettouch-contactPage p a {
        font-size: 23px;
        line-height: 28px;
    }

    .contact-section-right .footer-links p {
        font-size: 18px;
    }


    .follow-section {
        padding: 40px 0px 0px;
        margin: 0px;
        text-align: center;
    }



    .booking-section .book-now {
        width: 30%;
    }




    .quote {
        width: 60%;
        padding: 0px;
        margin: 30px 0px;
    }




    .services-box h5 {
        font-size: 18px;
    }


    .services-box h5::before {
        border: 1px dashed #818181;
        right: 0px;
    }

    .faq-section {
        padding: 20px 0px 100px;
    }





}


/* Tablet desktop :320px. */

@media (min-width: 320px) and (max-width: 767px) {
 .stellarnav .menu-toggle {
	padding: 0px;

} 
.services-box h5 {
	font-size: 21px;
}
.services-box h5::before {
	content: '';
	height: 0px;
	width: 12%;
	background-color: transparent;
	position: absolute;
	right: 0px;
	top: 32px;
	border: 1px dashed #818181;
}
.gettouch-contactPage p span {
	width: 40px;
	height: 40px;
	font-size: 26px;
	padding: 13px 8px;

}
    .about-section-left {
		padding: 1% 0% 0% 0%;
	}
    .stellarnav.mobile.right>ul {
        z-index: 99;
        background: #2f110b;
    }

.stellarnav>ul>li>a {
padding: 0px 22px;
    font-size: 15px;
    font-weight: 400;
    color: #fff !important;
    }


    .stellarnav>ul>li>a:hover {
        color: #994b14 !important;
    }




    .stellarnav>ul>li>a.active {
        color: #994b14 !important;
    }

 .logo {
   width: 56px;
    margin: 0px 0px;
    text-align: center;
    display: block;

    }
 .stellarnav .menu-toggle span.bars span {
width: 27px;
    height: 3px;
    border-radius: 6px;
    background: #a65922;
    margin: 0px 0 5px;
}


    .header-right {
        display: flex;
        justify-content: space-between;
        gap: 0px;
        align-content: center;
        margin-top: 5px;
    }

    .loginbtn {
        width: 100%;
        padding: 12px 10px;
        font-size: 14px;
    }



    .banner-text-section {
        margin: 0px 0px;
    }

.banner-text-section {
	min-height: 360px;
}
    .banner-text-section p {
        font-size: 18px;
        line-height: 28px;
    }


    .banner-text-section h1 {
    font-size: 35px;
    line-height: 36px;

    }

.cta-button {
	padding: 1rem 1rem;
	font-size: 13px;
}

    .banner-section .owl-dots {
        display: none;
    }


    .categories-section {
        margin: 20px 0px;
        padding: 0px;
    }


    .categories-box {
        margin-bottom: 10px;
    }


    .booking-section h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .booking-section .book-now {
        margin-top: 30px;
        width: 50%;
    }



    .about-section {
        margin: 0px 0px;
    }



    .about-section-right h2 {
     margin: 20px 0px 10px 0px;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    }

.about-section-right p {
	margin: 0px 0px 11px 0px;
	padding: 0px 5%;
	font-size: 15px;
	line-height: 22px;
}
.bannertext {
	top: 18%;
}


    .about-section-right .loginbtn {
        width: 50%;
        margin-top: 40px;
    }




    .ourclientssay-section {
        margin: 0px;
        padding: 40px 0px;
    }



    .ourclientssay-section h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0px 0px 20px 0px;
    }





    .follow-section {
        padding: 40px 0px;
    }


    .follow-section h4 {
        font-size: 26px;
        line-height: 36px;
    }



    .follow-section p {
        font-size: 22px;
    }



    .footer {
        padding: 20px 0px 0px 0px;
    }

 .copyright-left p {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    }

    .copyright-right p {
        text-align: center;
        font-size: 14px;
    }



    .about-section-page {
        padding: 20px 0px;
        margin: 0px;
    }





    .breadcumb {

        height: 150px;
    }


    .breadcumb img {
        height: 150px;
        max-height: 150px;
    }


    #overlay {
        height: 150px;
    }


    .hero-content {
        top: 28px;
    }


    .hero-content h2 {
        font-size: 30px;
    }





    .services-section-page-upper {
        padding: 20px 0px;
    }


    .services-section-page-upper h4 {
        font-size: 26px;
    }



    .services-section-page-upper .quote {
        width: 50%;
    }


    .faq-section {
        padding: 20px 0px;
    }




    .faq-text-area .accordion-item .accordion-button {
        font-size: 16px;
    }


    .contact-section-right {
        margin: 20px 0px;
        padding: 0px;
    }

    .gettouch-contactPage p {
        gap: 15px;
    }

    .gettouch-contactPage p a {
    font-size: 17px;
    line-height: 22px;
    }

.contact-section-right .footer-links h3 {
    margin: 0px 0px 20px 0px;
    font-size: 28px;
    }


 .contact-section-right .footer-links p {
    font-size: 18px;
    line-height: 23px;
    }



    .contact-section-left {
        margin: 20px 0px;
        padding: 0px;
    }


    .contact-butn {
        width: 50%;
    }






}