@import url(style.css);

/* Responsive */
.pe_1-highlights {
    padding-right: .25rem !important;
}

.ps_1-highlights {
    padding-left: .25rem !important;
}

.px_1-highlights {
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}



@media screen and (max-width:1300px) {
    .about-dt-right {
        padding: 10px;
    }

    .services-dt {
        padding: 25px;
    }
}

@media screen and (max-width:991px) {
    .nav-tog {
        display: block;
    }

    .logo-top {
        border-bottom: 0;
        justify-content: space-between;
    }

    .home-about-img {
        height: 400px;
    }

    .home-about-box {
        position: static;
        height: fit-content;
    }

    .home-highlights-box-first {
        height: 400px;
        margin-bottom: 10px;
        margin-top: 0 !important;
    }

    .pe_1-highlights {
        padding-right: .75rem !important;
    }

    .ps_1-highlights {
        padding-left: .75rem !important;
    }

    .px_1-highlights {
        padding-right: .75rem !important;
        padding-left: .75rem !important;
    }

    .pb_lg_0 {
        padding-bottom: 0;
    }

    .home-service-img {
        height: 400px;
    }

    .home-service-img img {
        width: 100%;
    }

    .home-service-right {
        padding: 10px;
        gap: 10px;
        margin-bottom: 15px;
    }

    .col-reverse {
        flex-direction: column-reverse !important;
    }

    .home-cnt-box {
        border: 0;
        border-bottom: 1px solid var(--primary);
    }

    .home-cnt-container .row .col-lg-12 .home-cnt-box {
        border-bottom: 0;
    }

    .bg-img-contact {
        padding: 10px 0;
    }

    .footer-widget-2 {
        margin-bottom: 30px;
    }

    .about-section {
        flex-direction: column;
    }

    .about-dt-right {
        max-width: 700px;
    }

    .about-dt-right p {
        margin-bottom: 6px;
    }

    .about-img-left img {
        border-radius: 0;
    }

    .service-section {
        flex-direction: column;
    }

    .service-section .service-img-left,
    .service-section .service-dt-right {
        width: 100%;
        flex-basis: unset;
    }

    .gallery-img-bx-2 {
        height: 400px;
        margin-bottom: 0;
    }

    .gallery-img-bx-1 {
        margin-bottom: 0;
    }

    .faq-left {
        height: 500px;
    }
}

@media screen and (max-width:768px) {
    .hero-baner-caption h1 {
        font-size: 50px;
    }

    .bg-image-sec {
        height: fit-content;
        padding: 30px 10px;
    }

    .short-desc-left {
        background-color: var(--primary)75;
        height: fit-content;
    }

    .footer-widget ul li {
        width: 100% !important;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:567px) {
    .logo-top .navbar-brand img {
        width: 130px;
    }

    .hero-baner-caption h1 {
        font-size: 37px;
    }

    .hero-baner-caption p {
        font-size: 15px;
    }

    .hero-section-main,
    .hero-baner {
        height: 70vh;
    }

    .home-about-box {
        gap: 7px;
    }

    .home-about-box h3 {
        font-size: 25px;
    }

    .home-about-box p {
        font-size: 17px;
        line-height: 25px;
    }

    .section-title h3 {
        font-size: 30px;
    }

    .home-service-right h3 {
        font-size: 35px;
    }

    .home-service-right p {
        font-size: 18px;
    }

    .pages-baner-caption h1 {
        font-size: 30px;
    }

    .about-dt-right {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }

    .about-dt-right h3 {
        font-size: 35px;
    }

    .service-section .service-img-left {
        height: 400px;
    }

    .services-dt h3 {
        font-size: 35px;
    }

    .gallery-img-bx-2,
    .gallery-img-bx-1 {
        height: 350px;
    }

    .contact-form {
        padding: 20px;
    }

    .contact-form h3 {
        font-size: 25px;
    }

    .contact-form p {
        font-size: 15px;
        line-height: 25px;
    }

    .about-address-left h3 {
        font-size: 20px;
    }

    .section-title p {
        font-size: 17px;
    }



}

@media screen and (max-width:1200px) {
    .nav-left {
        width: 30%;
    }

    .header-cs .nav-custom {
        width: 70%;
    }

    .nav-menu li {
        margin: 0 10px;
    }

    .why-choose-right {
        padding: 15px 10px;
    }

    .why-choose-right-box span {
        margin-left: 0;
    }

    .why-choose-right-box {
        flex-direction: column;
    }

    .why-choose-right-box-info {
        padding: 0;
        margin-top: 10px;
    }
    .third-service-main-widget{
        flex-direction: column;
    }
    .third-service-main-widget img{
        width: 100%;
    }
    .third-service-main-container{
        gap: 10px;
        margin-bottom: 10px;
    }
    .third-service-main-widget-dt{
        width: 100%;
      height: 250px;
        justify-content: flex-start;
    }
    .row-revrese-screen{
        flex-direction: column-reverse;
    }
}

@media screen and (max-width:991px) {
    .header-cs {
        flex-direction: column;
    }

    .nav-left,
    .header-cs .nav-custom {
        width: 100%;
    }

    .header-cs .nav-custom .container {
        width: 100%;
        max-width: 100%;

    }

    .header-cs .nav-custom .container .navbar-collapse {
        background-color: #000;
        border-radius: 20px;
        padding: 20px 20px;
    }

    .nav-contact-us {
        width: fit-content;
        background-color: transparent;
        padding: 7px 0 !important;
    }

    .nav-contact-us:hover {
        color: var(--primary) !important;
    }

    .about-section .about-left {
        width: 100%;
    }

    .about-section .about-right {
        width: 100%;
        padding: 10px;
    }

    .newsletter-left {
        justify-content: center;
    }

    .newsletter-left p {
        margin-bottom: 10px;
    }

    .footer-container {

        padding: 10px;
        padding-top: 20px;
    }

    .footer-widget {
        padding: 0;
        padding-bottom: 20px;
    }

    .main-service-left {
        margin-right: 0;
        width: 100%;
    }

    .left-100 {
        margin-left: 0;
    }

    .main-service-center img {
        border-radius: 0;
    }

    .main-service-right {
        background-color: #f7f7f7;
        padding: 10px 50px;
    }

    .main-service-section {
        padding: 10px 0;
    }

    .flex-col-reverse-cs {
        flex-direction: column-reverse;
    }

    .left-service {
        justify-content: flex-start;
    }

    .foundermain-right {
        padding: 20px;
    }

    .service-tab-container ul.servics-tab-list {
        gap: 10px;
    }

    .service-tab-container ul.servics-tab-list li {
        width: 33%;
    }

    .service-table-box {
        width: 100%;
    }
    .third-service-main-container{
        flex-direction: column;
    }
    .third-service-main-left, .third-service-main-right{
        width: 100%;
    }
    .third-service-main-widget-dt{
        height: fit-content;
    }



}

@media screen and (max-width:768px) {
    .about-left video {
        height: 350px;
    }

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

    .about-choose-pd {
        padding-top: 20px;
    }

    .founderimg-left {
        height: 350px;
    }

    .service-tab-container ul.servics-tab-list {
        overflow: auto;
        overflow-y: hidden;
        padding-bottom: 10px;
        justify-content: flex-start;
    }

    .service-tab-container ul.servics-tab-list li button {
        padding: 10px;
    }

    .service-tab-container ul.servics-tab-list li {
        min-width: 200px;
    }

    .service-tab-container ul.servics-tab-list li button {
        height: 100%;
        font-size: 17px;
    }

    /* width */
    .service-tab-container ul.servics-tab-list::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    /* Track */
    .service-tab-container ul.servics-tab-list::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .service-tab-container ul.servics-tab-list::-webkit-scrollbar-thumb {
        background: var(--primary-dark);
    }
    .carousel-btns .owl-nav button.owl-next{
        margin-right:0;
    }
    .carousel-btns .owl-nav button.owl-prev{
        margin-left:0;
    }
}

@media screen and (max-width:567px) {
    .header-cs {
        padding: 5px;
    }

    .faq-left {
        height: 350px;
    }

    .why-choose-left {
        height: 350px;
    }

    .why-choose-right-box-info h3 {
        margin: 0;
        font-size: 18px;
        line-height: 26px;
    }

    .service-table table tr td {
        font-size: 14px;
    }
    .service-table-box h3{
        font-size: 22px;
    }
    .main-service-slider-left{
        height: 300px;
    }
    .third-service-main-widget img{
        height: 300px;
    }
    .third-service-desc h3{
        font-size: 25px;
    }
    .third-service-desc p{
        font-size: 16px;
        margin: 0;
    }
    .third-service-main-widget-dt h3{
        font-size: 19px;
    }
        .sidebarContactSlide {
        width: 350px;
    }
    .about-left-second img.about-img-1{
        width:80%;
        height:400px;
    }
    .about-left-second img.about-img-2{
        width:250px;
        height:250px;
                right: 5%;
    }
}