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

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

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

@media only screen and (max-width: 1440px) {
    .custom-btn {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1400px) {
    body {
        font-size: 16px;
    }

    .container {
        padding-left: 50px;
        padding-right: 50px;
    }

    header .container {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 1380px) {
    .o-service-box .content {
        padding: 20px;
    }

    .cta-section h3 span {
        display: initial;
    }

    ul.header-details li a {
        font-size: 18px;
    }

    .about-section {
        padding: 120px 0 100px 0;
    }

    .whychoose-section {
        padding: 100px 0 50px 0;
    }

    .service-section, .gallery-section, .cta-section {
        padding: 100px 0;
    }

    .transparent-title {
        font-size: 140px;
    }

    .whychoose-section .transparent-title, .gallery-section .transparent-title, .testimonials-section .transparent-title, .about-section .transparent-title {
        left: 0;
    }

    .service-section h2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 1290px) {
    .about-section h2, .service-section h2, .gallery-section h2, .whychoose-section h2 {
        font-size: 40px;
    }

    .whychoose-section .m-small-box {
        left: 0;
    }

    .gallery-row .g-item {
        max-height: 298px;
    }
}

@media only screen and (max-width: 1199px) {
    .banner-section {
        padding: 100px 0 0;
        height: 650px;
    }

    .banner-section.thanks-banner h1 {
        font-size: 60px;
    }

    .banner-section.thanks-banner h5 {
        font-size: 25px;
    }

    .o-service-box {
        margin-bottom: 20px;
    }

    .about-section .m-image-box {
        margin: auto;
        max-width: 650px;
    }

    .about-section .content-div {
        padding: 0 0 65px;
    }

    .whychoose-section .m-image-box {
        margin-top: 50px;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }

    .m-service-box .content {
        position: relative;
    }

    .m-service-box, .m-service-box .content {
        height: 100%;
    }

    .service-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }

    .service-slider .slick-arrow:before {
        font-size: 40px;
    }

    .about-section h2, .service-section h2, .gallery-section h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .whychoose-section h2, .testimonials-section h2 {
        font-size: 40px;
    }

    .banner-content-div {
        text-align: center;
        max-width: 100%;
    }

    .cta-section, section.cta-section {
        text-align: center;
    }

    .cta-section .custom-btn a {
        width: auto;
        margin-top: 20px;
        padding: 12px 30px;
    }

    .testimonial-slider {
        padding-right: 0;
    }

    .testimonials-section {
    }

    .m-service-row {
        margin-top: 30px;
    }

    .tm-col {
        text-align: center;
    }

    .tm-col img {
        max-width: 500px;
    }

    .cta-section h3, h3, .bottom_cta h3 {
        padding-right: 0;
        font-size: 30px;
    }

    .cta-row {
        padding: 0
    }
}

@media only screen and (max-width: 1024px) {
    .banner-section h1 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 991px) {
    ul.header-details li {
        margin-right: 20px;
    }

    .transparent-title {
        font-size: 100px;
    }

    .whychoose-section .transparent-title, .gallery-section .transparent-title, .testimonials-section .transparent-title, .about-section .transparent-title {
        top: 0;
    }

    .gallery-row .g-item:nth-child(1), .gallery-row .g-item:nth-child(6), .gallery-row .g-item {
        width: 49% !important;
    }

    .gallery-row .g-item {
        margin: 7px 0px;
    }

    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (max-width: 810px) {
    .gallery-row {
        display: flex;
        flex-wrap: wrap;
    }
}

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

@media only screen and (max-width: 767px) {
    header, header.fixed-header {
        position: relative !important;
        background: #fff;
        animation: none;
    }

    header.fixed-header .logo-col {
        margin: 0;
    }

    section.banner-form-section {
        padding: 20px 0px 40px;
    }

    div#formbox {
        margin-bottom: 0;
        margin-top: 0;
    }

    header {
        padding: 20px 0;
    }

    .logo-col {
        text-align: center;
        margin-bottom: 10px;
    }

    ul.header-details {
        justify-content: center;
    }

    .banner-section h1 {
        font-size: 26px;
        line-height: normal;
        margin-bottom: 20px;
    }

    .banner-section p {
        font-size: 16px;
    }

    .banner-section {
        height: auto;
    }

    .banner-section, .service-section, .gallery-section, .cta-section, .about-section, section.cta-section {
        padding: 70px 0;
    }

    .gallery-row {
        margin-top: 10px;
    }

    .whychoose-section {
        padding-top: 70px;
    }

    .ts-col {
        padding: 50px 0;
    }

    .heading_wapper {
        margin-bottom: 20px
    }

    .m-service-box {
        margin-bottom: 20px;
    }

    .m-service-box, .m-service-box .content {
        height: auto;
    }

    .m-service-row {
        margin-top: 20px;
    }

    .o-service-row {
        margin-top: 30px;
    }

    .cta-section h3, .cta-row h3 b {
        font-size: 30px;
        line-height: 40px;
    }

    .testimonial-slider .slick-prev {
        left: -25%;
    }

    .testimonial-slider .slick-next {
        right: -25%;
    }

    header.fixed-header ul.header-details {
        display: none;
    }

    .form_fields p {
        display: block;
    }

    .form-box form span.wpcf7-form-control-wrap {
        width: 100%;
        padding: 5px 0px;
    }

    .submit_btn p {
        /* justify-content: center; */
    }

    section.google_map iframe {
        height: 240px;
    }

    .bottom_cta {
        padding: 140px 0px 40px;
        border-bottom: 1px solid #715D57;
    }

    .bottom_cta h3, .bottom_cta h3 a {
        font-size: 26px;
    }

    .bottom_cta h3 a {
        display: inline-block;
    }

    .about-section h2, .about-section h2 span, .service-section h2, .gallery-section h2, .form-box h3 {
        font-size: 28px;
    }

    .content-div h2 span {
        display: block
    }

    .submit_btn {
        text-align: center;
    }
    ul.header-details li a {
    border: 1px solid #3A1C13;
    display: inline-block;
    padding: 10px 15px;
    background: #3A1C13;
}
ul.header-details li img{
    width: 22px;margin-right:5px
}
ul.header-details li a:hover {
        background: #715D57;
        color: #fff;
    }
}

@media only screen and (max-width: 575px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    ul.header-details {
        flex-wrap: wrap;
    }

    ul.header-details li img {
        width: 45px;
        margin: 0;
    }

    ul.header-details li, ul.header-details li:last-child {
        margin: 6px auto;
        text-align: center;
        width: 85%;
    }

    ul.header-details li a b {
        display: none;
    }

    .banner-section h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .whychoose-section h2, .testimonials-section h2 {
        font-size: 35px;
    }

    .banner-section.thanks-banner h1 {
        font-size: 50px;
        margin-bottom: 20px;
    }

    .banner-section.thanks-banner h5 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .service-slider .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .service-slider .slick-arrow:before {
        font-size: 30px;
    }

    .whychoose-section ul.contact-list li {
        margin: 10px 20px 10px 0px;
    }

    ul.header-details li img {
        width: 30px;
        /* display: none; */
        margin: 0 10px 0 0;
    }

    header .logo-div img {
        height: auto;
        transition: all 0.3s ease-in-out;
    }

    ul.header-details li a {
        border: 1px solid #3A1C13;
        display: inline-block;
        padding: 14px 25px;
        font-size: 28px;
        background: #3A1C13;
    }

    ul.header-details li a:hover {
        background: #715D57;
        color: #fff;
        display: block;
    }

    li.email {
        display: none;
    }
    header .container {
    padding: 0;
    width: 100%;
}
}

@media only screen and (max-width: 480px) {
    .banner-section.thanks-banner {
        height: auto;
    }

    .banner-section.thanks-banner h1 {
        font-size: 40px;
    }

    .banner-section.thanks-banner h5 {
        font-size: 18px;
    }

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

    .form-box form {
        padding: 0px 20px 25px 20px;
    }

    .form-box form input[type="submit"] {
        /* margin-top: 10px; */
    }

    .t-item {
        padding: 25px 20px 20px 20px;
    }

    .t-item p.name {
        font-size: 20px;
    }

    .form-box form input, .form-box form textarea, .form-box form select {
        padding: 18px 20px;
    }

    .service-slider .slick-arrow {
        display: none !important;
    }

    footer p {
        font-size: 14px;
    }

    .gallery-row .g-item:nth-child(1), .gallery-row .g-item:nth-child(6), .gallery-row .g-item {
        width: 100% !important;
    }

    ul.header-details {
    }

    ul.header-details li a {
        display: block;
    }
}

@media only screen and (max-width: 400px) {
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .banner-section {
        padding: 60px 0px
    }

    .service-section, .gallery-section, .cta-section, .about-section, section.cta-section {
        padding: 40px 0;
    }

    .whychoose-section {
        padding-top: 40px;
    }

    .ts-col {
        padding: 40px 0px 0;
    }

    .testimonials-section {
        padding-bottom: 40px;
    }

    .banner-section h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .form-box h3 {
        padding: 15px 20px 0;
    }

    .about-section h2, .service-section h2, .gallery-section h2, .whychoose-section h2, .testimonials-section h2, .content-div h2 span, .bottom_cta h3, .bottom_cta h3 a {
        font-size: 22px;
        line-height: normal;
    }

    .bottom_cta h3 a {
        display: inline-block;
    }

    .custom-btn a {
        padding: 12px 30px;
    }

    .cta-section h3, .cta-row h3 b {
        font-size: 24px;
        line-height: 32px;
    }
}