@media (max-width: 480px) {

    /* NAVBAR */

    html {
        overflow-x: hidden !important;
    }

    body {
        overflow-x: hidden !important;
    }

    .navbar-brand img {
        height: auto;
        width: 160px;
        margin-top: 5px;


        /* display: none; */

    }


    .navbar-nav .btn {
        display: none;
    }


    .logo-desk {
        display: none;
    }

    .logo-mobile {
        display: flex;
    }

    .navbar-expand-lg .navbar-nav {
        height: initial;
        margin-top: 20px !important;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        font-weight: 600;
    }

    .navbar-toggler-icon {

        width: 1.9em;
        height: 1.9em;
        vertical-align: initial;
        /* Override or remove the vertical-align property on mobile */

    }

    .nav-item {

        font-size: 10pt;
        padding: 8px 0px 0px 0px !important;
    }


    .navbar {

        width: 100% !important;
        padding: 25px 20px 20px 10px !important;
    }

    .nav-item-1:hover {
        border-bottom: none;


    }

    /* main quote and buttons */



    .main-quote h6 {
        font-weight: 200;
        font-size: 11pt;
        line-height: 1rem;
        width: 100% !important;
        animation: fadein 1.5s linear forwards;
        margin-top: 15px !important;
        letter-spacing: 0px;
        color: #9b9595 !important;
    }

    .main-quote p {
        font-size: 22pt;
        width: 100% !important;
        line-height: 2.1rem;
        padding-top: 15px !important;
        letter-spacing: normal;
        animation: fadein 1.5s linear forwards;
        font-weight: 600;
        text-shadow: 1px 1px 1px #000;
        text-transform: uppercase;

    }

    .main-quote p .highlight {
        background: linear-gradient(to bottom, transparent 3%, #ea8827 90%);
        line-height: .5rem !important;
        animation: none;
        /* font-family: "Mr Dafoe", cursive;
        font-weight: 600;
        font-style: normal;
        color: #ea8827;
        font-size: 36pt;
        padding-right: 16px !important; */
        padding: 0px 3px !important;
    }

    /* buttons home page */
    .bts {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 25px !important;
        padding-bottom: 35px !important;

    }



    .buttons .bt {
        width: auto !important;
    }

    .quote-container .bts {
        height: 100%;
        width: 100% !important;
    }

    .buttons .btn {
        height: 55px;
        padding: 0px 30px !important;
        width: 225px;


    }

    .btn-2 {
        display: none;
    }

    .bts .b-mobile {
        display: flex;
        background-color: transparent;

    }

    .bts .button-mobile {

        background-color: transparent;
        width: 225px;


    }


    .video-home {
        height: 70vh;
        width: 100%;
    }

    .video-home .hero {
        filter: brightness(80%);
        height: 100%;
        width: 100%;
    }



    /* 2 icons section */


    .section-services h1 {

        padding: 10px 8px 25px 8px !important;
        font-size: 20pt;
        width: 100%;
        line-height: 1.8rem !important;

    }



    .box h2 {
        font-size: 19pt;
        padding: 10px 0px !important;

    }


    .box p {
        padding: 0px 10px 00px 10px !important;
        font-size: 11pt;
        margin-bottom: 30px !important;
    }

    .box-first {
        padding: 12px !important;
    }

    .section-services h4 {

        display: none;
    }


    /* squares headings and pics */

    .content h4 {

        font-size: 11pt;

        margin-bottom: 0px !important;
        line-height: 1.5rem;
        width: 90% !important;



    }

    .box-gray {
        margin-top: -35px !important;
    }

    .row .box-items {

        min-height: 350px;


    }

    .box-items h6 {

        width: 90% !important;

        display: flex;
        font-size: 17px;


    }



    .box-2 img {
        height: 350px;

    }


    /* new sec one paragraph */

    .section-services-btn h4 {
        padding: 40px 7px 20px 7px !important;
        width: 85% !important;
        font-size: 12pt;
        line-height: 1.2rem !important;

    }

    .section-services-btn h1 {
        padding: 10px 10px 20px 10px !important;
        width: 100% !important;
        font-size: 14pt;
        line-height: 1.8rem !important;

    }

    .section-services-btn .highlight {
        background: transparent;

    }


    .section-services-btn .btn {
        margin: 30px 10px !important;
        /* padding: 0px 0px !important; */
        border-radius: 15px !important;
        width: inherit;

    }

    /* 3 icons circle */

    .box .box-icons img {
        height: 60px;
        width: 60px;

    }

    .box .box-icons h5 {

        font-size: 12pt;

    }

    .section-services {
        background-color: rgb(7, 8, 17);
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .section-services-icons h3 {

        font-size: 18pt;
        padding: 0px 2px !important;
        line-height: 1.5rem;
        font-weight: 800;
        text-shadow: 0px 0px 0px;


    }

    .section-services span {
        line-height: 2.6rem;
    }

    .services-box-icons {
        margin-bottom: 0px !important;
    }

    .section-services-icons .icons-title {
        padding: 0px 0px 40px 0px !important;
    }

    #section-services {

        padding-top: 30px !important;
    }

    .services-box-icons {
        flex-direction: column !important;
        width: 100% !important;
    }

    .services-box-icons .box {

        width: 100% !important;
    }

    /* LIST ITEMS BOTTOM */


    .bottom-section::before {
        filter: brightness(30%);



    }

    .bottom-section {

        min-height: 80vh;
    }

    .bottom .list {

        padding: 50px 15px 40px 15px !important;

    }

    .bottom .list li {
        font-size: 16pt;
        text-shadow: 1px 1px 1px #000;

    }

    .bottom .list img {

        width: 30px;
        height: 30px;
    }

    .list h3 {
        font-size: 18pt;
        line-height: 1.8rem;
        text-shadow: 1px 1px 1px #000;
    }

    /* GALLERY PAGE */

    .gallery .hero {

        filter: brightness(70%);
    }

    .quote-container .gallery-quote {

        padding: 20px !important;
        line-height: 3.8rem;
        width: 100% !important;
    }



    .quote-container {

        width: 100% !important;
        min-height: 70vh;


    }

    .gallery-quote p {
        font-size: 22pt;
        line-height: 2.1rem;
        width: 100% !important;
        letter-spacing: normal;
        text-transform: uppercase;

    }

    .gallery-quote h6 {
        font-size: 12pt;
        line-height: 1.5rem;
        width: 100% !important;
        letter-spacing: normal;
        padding: 20px 0px !important;
        /* color: #9b9595 !important; */
    }



    .lightbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

    /* .lightboxOverlay {
        height: 100px !important;


    } */

    .lb-outerContainer {
        width: 280px !important;
        height: 300px !important;


    }

    .lb-container img {
        width: 280px !important;
        height: 300px !important;
        object-fit: cover;


    }

    /* contact form */
    .mobile-form {
        display: block;
    }

    .desktop-form {
        display: none;
    }

    .main-form {
        padding: 20px 30px 60px 30px !important;


    }

    .main-form input {

        height: 35px;

    }

    /* SERVICES PAGE HERO H1 */

    .services-pic-quote .services-main-text {
        width: 100%;

    }

    .services-pic-quote h1 {

        font-size: 40pt;
        text-align: center;

    }

    .services-pic-quote p {
        font-size: 14pt;
        font-weight: 500;
        text-align: center;
        line-height: 1.5rem;
        padding: 0px 5px !important;
    }



    .services-pic-quote .services-p {
        display: none;
    }

    .services-main-text .p-span {
        display: inline-block;
    }


    .services-page-section h1 {
        padding: 50px 0px !important;
        font-size: 24pt;

    }

    .services-page-section-2 h1 {
        padding: 40px 0px 40px 0px !important;
        font-size: 24pt;

    }

    .box-special-1 h5 {
        font-size: 16pt;
        word-wrap: normal;

    }

    .card .card-body-1 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .card .card-body-2 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .box-special-1-com h5 {
        padding: 8px !important;
    }

    .box-1s {

        padding: 40px 40px 40px 40px !important;
    }

    .card-body h6 {
        font-size: 13.5pt;
    }

    /* Contact form */
    .contact-h1 p {
        font-size: 14pt;
        font-weight: 500;
        text-align: center;
        padding: 0px 5px !important;
    }

    .contact-form-2 h2 {
        font-size: 16pt;
    }

    .main-form label {

        font-size: 11pt;

    }

    .main-form textarea {

        font-size: 10pt;


    }

    .contact-form-2 {
        padding: 50px 25px 50px 25px !important;


    }

    .contact-page-form-s {
        padding-top: 60px !important;
    }


    .contact-2 {
        width: 100% !important;
    }

    /* new contact form */

    .services-main-text .contact-para {
        line-height: 1px;
        letter-spacing: normal;
    }

    .new-section-contact-2 {
        padding: 0px 0px !important;
    }


    .contact-page-section {
        padding: 20px !important;
    }

    .new-section-contact-2 {
        width: 100% !important;
    }

    .contact-2-h1 h1 {

        font-size: 26pt;
    }

    .contact-2-h1 p {
        font-size: 10pt;
        margin-bottom: 20px !important;

    }

    .main-form .btn {
        font-size: 12pt;
        height: 40px
            /* width: 100%; */


    }

    /* footer */

    .footer-container .footer-item {

        font-size: 11pt;
    }


    .footer-container .footer-link {

        font-size: 10pt;

    }



}

@media (min-width: 481px) and (max-width: 767px) {

    /* NAVBAR */
    .navbar-brand img {
        height: 50px;
        width: 160px;

        /* display: none; */

    }

    .navbar-toggler-icon {

        width: 1.9em;
        height: 1.9em;
        vertical-align: initial;
        /* Override or remove the vertical-align property on mobile */

    }

    .navbar-nav .btn {
        display: none;
    }


    .logo-desk {
        display: none;
    }

    .logo-mobile {
        display: flex;
    }

    .navbar-expand-lg .navbar-nav {
        height: initial;
        margin-top: 20px !important;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        font-weight: 600;
    }



    .nav-item {

        font-size: 10pt;
        padding: 8px 0px 0px 0px !important;
    }


    .navbar {

        width: 100% !important;
        padding: 20px 30px 20px 30px !important;

    }

    .nav-item-1:hover {
        border-bottom: none;


    }

    /* main quote and buttons */



    .main-quote h6 {
        font-weight: 200;
        font-size: 11pt;
        line-height: 1rem;
        width: 100% !important;
        /* padding-top: 45px !important; */
    }

    .main-quote p {
        font-size: 20pt;
        width: 100% !important;
        line-height: 1.5rem;
        padding-top: 25px !important;
        letter-spacing: .4px;
    }

    .quote-container .main-quote {
        padding: 70px 20px 10px 20px !important;
        line-height: 3.8rem;
    }

    /* buttons home page */
    .bts {
        /* flex-direction: column; */
        justify-content: center;
        align-items: center;
        padding-top: 10px !important;

    }



    .buttons .bt {
        width: auto !important;
    }

    .quote-container .bts {
        height: 100%;
        width: 100% !important;
    }

    .buttons .btn {
        height: 45px;
        padding: 0px 30px !important;

    }

    .bts .b-mobile {
        display: flex;
        background-color: transparent;

    }

    .bts .button-mobile {

        background-color: transparent;

    }


    .video-home {
        min-height: initial;
        width: 100%;
    }

    .video-home .hero {
        filter: brightness(50%);
        height: 100%;
        width: 100%;
    }



    /* 2 icons section */


    .section-services h1 {

        padding: 10px 8px 25px 8px !important;
        font-size: 16pt;
        width: 100%;
        line-height: 1.5rem !important;

    }



    .box h2 {
        font-size: 19pt;
        padding: 10px 0px !important;

    }


    .box p {
        padding: 0px 30px 0px 30px !important;
        font-size: 11pt;
        margin-bottom: 30px !important;
    }

    .box-first {
        padding: 12px !important;
    }

    .section-services h4 {

        display: none;
    }


    /* squares headings and pics */

    .content h4 {

        font-size: 11pt;
        padding: 0px 8px 5px 25px !important;
        margin-bottom: 0px !important;
        line-height: 1.5rem;
        width: 100% !important;



    }

    .box-gray {
        margin-top: -35px !important;
    }

    .row .box-items {

        min-height: 350px;


    }

    .box-items h6 {

        width: 100% !important;
        justify-content: center;
        display: flex;


    }



    .box-2 img {
        height: 350px;

    }


    /* new sec one paragraph */

    .section-services-btn h4 {
        padding: 40px 7px 20px 7px !important;
        width: 100% !important;
        font-size: 11pt;

    }

    .section-services-btn h1 {
        padding: 10px 40px 20px 40px !important;
        width: 100% !important;
        font-size: 14pt;

    }

    .section-services-btn .highlight {
        background: transparent;

    }


    .section-services-btn .btn {
        margin: 30px 10px !important;
        padding: 0px 10px !important;
        border-radius: 15px !important;

    }

    /* 3 icons circle */

    .box .box-icons img {
        height: 60px;
        width: 60px;

    }

    .box .box-icons h5 {

        font-size: 12pt;

    }

    .section-services {
        display: none;
    }

    .section-services-icons h3 {

        font-size: 16pt;

    }

    .services-box-icons {
        margin-bottom: 0px !important;
    }

    .section-services-icons .icons-title {
        padding: 0px 0px 40px 0px !important;
    }

    #section-services {

        padding-top: 30px !important;
    }

    .services-box-icons {
        flex-direction: column !important;
        width: 100% !important;
    }

    .services-box-icons .box {

        width: 100% !important;
    }

    /* LIST ITEMS BOTTOM */


    .bottom-section {

        min-height: max-content;
    }


    .bottom .list li {
        font-size: 11pt;



    }

    .bottom .list img {

        width: 30px;
        height: 30px;
    }

    .list h3 {
        font-size: 14pt;
        line-height: 1.8rem;
        text-shadow: 1px 1px 1px #000;
    }


    .bottom .list ul {
        display: none;
    }

    /* GALLERY PAGE */


    .quote-container .gallery-quote {

        padding: 20px !important;
        line-height: 3.8rem;
        width: 100% !important;
    }



    .quote-container {

        width: 100% !important;
        min-height: 80vh;
        padding: 0px 30px !important;


    }

    .gallery-quote p {
        font-size: 23pt;
        line-height: 2rem;
        width: 100% !important;
        letter-spacing: normal;

    }

    .gallery-quote h6 {
        font-size: 12pt;
        line-height: 1.5rem;
        width: 100% !important;
        letter-spacing: normal;
        padding: 30px 0px 20px 0px !important;

    }

    .gallery .hero {
        filter: brightness(70%);
    }

    .lightbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

    /* 
    .lightboxOverlay {
        position: sticky;


    } */

    .lb-outerContainer {
        width: 280px !important;
        height: 300px !important;


    }

    .lb-container img {
        width: 280px !important;
        height: 300px !important;
        object-fit: cover;


    }

    .list-gallery {
        padding: 0px 30px !important;

    }

    .list-and-form {
        min-height: auto;
        padding: 0px 30px !important;

    }

    #bottom-section {
        min-height: 80vh;

    }

    .img-area {

        padding: 50px 50px 50px 50px !important;
    }

    /* contact form */
    .mobile-form {
        display: block;
    }

    .desktop-form {
        display: none;
    }

    .main-form {
        padding: 20px 100px 60px 100px !important;


    }

    .main-form input {

        height: 35px;

    }

    /* SERVICES PAGE HERO H1 */

    .services-pic-quote .services-main-text {
        width: 100%;

    }

    .services-pic-quote h1 {

        font-size: 40pt;
        text-align: center;

    }

    .services-pic-quote p {
        font-size: 14pt;
        font-weight: 500;
        text-align: center;
        line-height: 1.5rem;
        padding: 0px 5px !important;
    }



    .services-pic-quote .services-p {
        display: none;
    }

    .services-main-text .p-span {
        display: inline-block;
    }


    .services-page-section h1 {
        padding: 50px 0px !important;
        font-size: 24pt;

    }

    .services-page-section-2 h1 {
        padding: 40px 0px 40px 0px !important;
        font-size: 24pt;

    }

    .box-special-1 h5 {
        font-size: 16pt;
        word-wrap: normal;

    }

    .card .card-body-1 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .card .card-body-2 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .box-special-1-com h5 {
        padding: 8px !important;
    }

    .box-1s {

        padding: 40px 40px 40px 40px !important;
    }

    .card-body h6 {
        font-size: 13.5pt;
    }

    /* Contact form */
    .contact-h1 p {
        font-size: 14pt;
        font-weight: 500;
        text-align: center;
        padding: 0px 5px !important;
    }

    .contact-form-2 h2 {
        font-size: 16pt;
    }

    .main-form label {

        font-size: 11pt;

    }

    .main-form textarea {

        font-size: 10pt;


    }

    .contact-form-2 {
        padding: 50px 25px 50px 25px !important;


    }

    .contact-page-form-s {
        padding-top: 60px !important;
    }


    .contact-2 {
        width: 100% !important;
    }

    /* new contact form */

    .services-main-text .contact-para {
        line-height: 1px;
        letter-spacing: normal;
    }

    .new-section-contact-2 {
        padding: 0px 0px !important;
    }


    .contact-page-section {
        padding: 20px !important;
    }

    .new-section-contact-2 {
        width: 100% !important;
    }

    .contact-2-h1 h1 {

        font-size: 26pt;
    }

    .contact-2-h1 p {
        font-size: 10pt;
        margin-bottom: 20px !important;

    }

    /* footer */

    .footer-container .footer-item {

        font-size: 11pt;
    }


    .footer-container .footer-link {

        font-size: 10pt;

    }

}



@media (min-width: 768px) and (max-width: 1024px) {

    /* NAVBAR */
    .navbar-brand img {
        height: 50px;
        width: 160px;

        /* display: none; */

    }


    .navbar-nav .btn {
        display: none;
    }


    .logo-desk {
        display: none;
    }

    .logo-mobile {
        display: flex;
    }

    .navbar-expand-lg .navbar-nav {
        height: initial;
        margin-top: 0px !important;
        flex-direction: row;
        justify-content: center;
        width: 100%;
        font-weight: 600;
    }



    .nav-item {

        font-size: 10pt;
        padding: 8px 0px 0px 0px !important;
    }


    .navbar {

        width: 100% !important;
        padding: 30px 40px 20px 40px !important;

    }

    .nav-item-1:hover {
        border-bottom: none;


    }

    /* main quote and buttons */



    .main-quote h6 {
        font-weight: 200;
        font-size: 13pt;
        line-height: 1rem;
        width: 100% !important;
        /* padding-top: 45px !important; */
    }

    .main-quote p {
        font-size: 30pt;
        width: 100% !important;
        line-height: 2.5rem;
        padding-top: 25px !important;
        letter-spacing: .4px;
    }

    .quote-container .main-quote {
        padding: 0px 0px 10px 45px !important;
        line-height: 3.8rem;
        width: 75% !important;
    }

    /* buttons home page */
    .bts {
        /* flex-direction: column; */
        justify-content: center;
        align-items: center;
        padding-top: 10px !important;
        padding-left: 40px !important;

    }



    .buttons .bt {
        width: auto !important;
    }

    .quote-container .bts {
        height: 100%;
        justify-content: start !important;

    }

    .buttons .btn {
        height: 45px;
        padding: 0px 30px !important;


    }



    .bts .button-mobile {

        background-color: transparent;

    }


    .video-home {
        min-height: initial;
        width: 100%;
    }

    .video-home .hero {
        filter: brightness(50%);
        height: 100%;
        width: 100%;
    }



    /* 2 icons section */


    .section-services h1 {

        padding: 10px 8px 25px 8px !important;
        font-size: 16pt;
        width: 100%;
        line-height: 1.5rem !important;

    }



    .box h2 {
        font-size: 19pt;
        padding: 10px 0px !important;

    }


    .box p {
        padding: 0px 70px 0px 70px !important;
        font-size: 11pt;
        margin-bottom: 30px !important;
    }

    .box-first {
        padding: 12px !important;
    }

    .section-services h4 {

        display: none;
    }


    /* squares headings and pics */

    .content h4 {

        font-size: 11pt;
        padding: 0px 8px 5px 25px !important;
        margin-bottom: 0px !important;
        line-height: 1.5rem;
        width: 100% !important;



    }

    .box-gray {
        margin-top: -35px !important;
    }

    .row .box-items {

        min-height: 350px;


    }

    .box-items h6 {

        width: 100% !important;
        justify-content: center;
        display: flex;


    }



    .box-2 img {
        height: 350px;

    }


    /* new sec one paragraph */

    .section-services-btn h4 {
        padding: 40px 7px 20px 7px !important;
        width: 100% !important;
        font-size: 11pt;

    }

    .section-services-btn h1 {
        padding: 10px 90px 20px 90px !important;
        width: 100% !important;
        font-size: 14pt;

    }

    .section-services-btn .highlight {
        background: transparent;

    }


    .section-services-btn .btn {
        margin: 30px 10px !important;
        padding: 0px 0px !important;
        border-radius: 15px !important;

    }

    /* 3 icons circle */

    .box .box-icons img {
        height: 60px;
        width: 60px;

    }

    .box .box-icons h5 {

        font-size: 12pt;

    }

    .section-services {
        display: none;
    }

    .section-services-icons h3 {

        font-size: 16pt;

    }

    .services-box-icons {
        margin-bottom: 0px !important;
    }

    .section-services-icons .icons-title {
        padding: 0px 0px 40px 0px !important;
    }

    #section-services {

        padding-top: 30px !important;
    }

    .services-box-icons {
        flex-direction: column !important;
        width: 100% !important;
    }

    .services-box-icons .box {

        width: 100% !important;
    }

    /* LIST ITEMS BOTTOM */


    .bottom-section {

        min-height: max-content;
    }

    .list-and-form {
        min-height: 90vh;
        padding: 0px 20px !important;
    }

    .bottom .list li {
        font-size: 11pt;



    }

    .bottom .list img {

        width: 30px;
        height: 30px;
    }

    .list h3 {
        font-size: 14pt;
        line-height: 1.8rem;
        text-shadow: 1px 1px 1px #000;
    }


    .bottom .list ul {
        display: none;
    }

    /* contact form */
    .mobile-form {
        display: block;
    }

    .desktop-form {
        display: none;
    }

    .main-form {
        padding: 20px 200px 60px 200px !important;


    }

    .main-form input {

        height: 35px;

    }


    /* GALLERY PAGE */


    .quote-container .gallery-quote {

        padding: 20px 30px !important;
        line-height: 3.8rem;
        width: 100% !important;
    }



    .quote-container {

        width: 100% !important;



    }

    .gallery-quote p {
        font-size: 20pt;
        line-height: 1.8rem;
        width: 100% !important;
        letter-spacing: normal;

    }

    .gallery-quote h6 {
        font-size: 12pt;
        line-height: 1.5rem;
        width: 100% !important;
        letter-spacing: normal;
        padding: 20px 0px !important;

    }



    .lightbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

    /* 
    .lightboxOverlay {
        position: sticky;


    } */

    .lb-outerContainer {
        width: 380px !important;
        height: 400px !important;


    }

    .lb-container img {
        width: 380px !important;
        height: 400px !important;
        object-fit: cover;


    }

    .list-gallery {
        padding: 0px 60px !important;

    }

    .list-and-form {
        min-height: auto;
        padding: 0px 60px !important;

    }

    #bottom-section {
        min-height: 50vh;

    }

    .list p {
        font-size: 16pt;
        text-shadow: 1px 1px 1px #000;
    }

    .list h3 {
        font-size: 18pt;

    }

    /* SERVICES PAGE HERO H1 */

    .services-pic-quote .services-main-text {
        width: 100%;

    }

    .services-pic-quote h1 {

        font-size: 40pt;
        text-align: center;

    }

    .services-pic-quote p {
        font-size: 14pt;
        font-weight: 500;
        text-align: center;
        line-height: 1.5rem;
        padding: 0px 5px !important;
    }



    .services-pic-quote .services-p {
        display: none;
    }

    .services-main-text .p-span {
        display: inline-block;
    }


    .services-page-section h1 {
        padding: 50px 0px !important;
        font-size: 24pt;

    }

    .services-page-section-2 h1 {
        padding: 40px 0px 40px 0px !important;
        font-size: 24pt;

    }

    .box-special-1 h5 {
        font-size: 16pt;
        word-wrap: normal;

    }

    .card .card-body-1 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .card .card-body-2 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }


    .box-special-1-com h5 {
        padding: 8px !important;
    }

    .box-1s {

        padding: 40px 40px 40px 40px !important;
    }

    .card-body h6 {
        font-size: 13.5pt;
    }

    /* Contact form */
    .contact-h1 p {
        font-size: 14pt;
        font-weight: 500;
        text-align: center;
        padding: 0px 5px !important;
    }

    .contact-form-2 h2 {
        font-size: 16pt;
    }

    .main-form label {

        font-size: 11pt;

    }

    .main-form textarea {

        font-size: 10pt;


    }

    .contact-form-2 {
        padding: 50px 25px 50px 25px !important;


    }

    .contact-page-form-s {
        padding-top: 60px !important;
    }


    .contact-2 {
        width: 100% !important;
    }

    /* new contact form */

    .services-main-text .contact-para {
        line-height: 1px;
        letter-spacing: normal;
    }

    .new-section-contact-2 {
        padding: 0px 0px !important;
    }


    .contact-page-section {
        padding: 20px !important;
    }

    .new-section-contact-2 {
        width: 100% !important;
    }

    .contact-2-h1 h1 {

        font-size: 26pt;
    }

    .contact-2-h1 p {
        font-size: 10pt;
        margin-bottom: 20px !important;

    }

    /* footer */

    .footer-container .footer-item {

        font-size: 11pt;
    }


    .footer-container .footer-link {

        font-size: 10pt;

    }

}

@media (min-width: 1025px) and (max-width: 1367px) {

    .navbar img {
        height: 50px;
        width: 285px;

    }

    .nav-item {

        font-size: 11pt;

    }

    .navbar-nav .btn {

        height: 50px;

    }


    .buttons .btn {

        height: 55px;

    }

    .navbar {

        padding: 40px 70px 20px 30px !important;
    }

    /* main page */

    .main-quote p {
        font-size: 34pt;
        line-height: 1.1;
        letter-spacing: normal;

    }

    .section-services h1 {
        font-size: 20pt;
        padding-bottom: 5px !important;
    }
.box-first {
    padding: 0px 25px 75px 25px !important;
}

.content h6 {
   
    font-size: 14pt;


}
.section-services-2 span {

    padding: 2px 0px !important;
}
 .content h4 {

        font-size: 12pt;
line-height: 1.5rem;
    }

    .section-services-btn h1 {
        font-size: 14pt;
        line-height: 1.9rem !important;
        margin-bottom: 15px !important;

    }

.list h4 {
    font-size: 12pt;

    text-shadow: 1px 1px 1px #000;
}


    .box p {
        padding: 10px 0px 0px 0px !important;
        font-size: 12pt;

    }


    .list h3 {
        font-size: 20pt;

    }

    .bottom .list li {

        font-size: 14pt;
    }

    .bottom .list img {

        width: 30px;
        height: 30px;
    }

    .main-form input {

        height: 40px;

    }

    .main-form .text-msg {
        margin-top: 30px !important;
        margin-bottom: 15px !important;
    }

    /* icons */

    .boxi {
        width: 45% !important;
    }


    .section-services-icons h3 {

        font-size: 28pt;
        padding: 0px 130px !important;

    }

    .section-services-icons {
        padding: 0px 0px 40px 0px !important;
    }

    .box .box-icons img {
        height: 80px;
        width: 80px;

    }

    /* services page */
    .services-pic-quote .services-p {
        display: none;
    }

    .services-main-text .p-span {
        display: inline-block;
    }

    .services-pic-quote p {

        font-size: 20pt;

    }

      .main-quote h6 {
        font-weight: 200;
        font-size: 11pt;
        line-height: 2.5rem;

        /* padding-top: 45px !important; */
    }

    /* GALLERY PAGE */




    .gallery-quote p {
        font-size: 28pt;
        line-height: 2.7rem;
        /* width: 75% !important; */
        letter-spacing: normal;

    }

    .gallery-quote h6 {
        font-size: 16pt;
        line-height: 1.5rem;
        /* width: 75% !important; */
        letter-spacing: normal;
        padding: 20px 0px !important;

    }

    .lightbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }



    .lb-outerContainer {
        width: 520px !important;
        height: 600px !important;


    }

    .lb-container img {
        width: 520px !important;
        height: 600px !important;
        object-fit: cover;


    }

    .img-area .single-img img:hover {

        -webkit-transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg);
        transition: .3s ease;
        box-shadow: 0 0 0 6px #ea8827;
        filter: saturate(1.2);

    }

    /* contact form page */


    .new-section-contact-2 {
        padding: 0px 0px !important;
    }


    .nav-item-1:hover {
        border-color: #ea8827;

    }

    .navbar-nav .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;

    }


    .buttons .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;
        font-weight: 500;


    }

    .btn a:hover {

        color: #fff !important;
    }


    .main-form .btn:hover {
        background-color: transparent;
        border: #ea8827 2px solid;

    }

    .section-services-btn .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;
    }



    .footer-container i:hover {
        color: #ea8827 !important;
    }

    .footer-container a:hover {
        color: #ea8827 !important;
    }



    .services-main-text .p-span {
        display: none;
    }



    .services-box-icons {

        width: 75% !important;
    }

    .main-form {
        padding: 0px 0px 0px 90px !important;
    }
#bottom-section{
    min-height: 100vh;

}
}

@media (min-width: 1368px) and (max-width: 1538px) {

    .navbar {

        padding: 40px 70px 20px 20px !important;
    }

    .nav-item {

        font-size: 12pt;


    }


    .main-quote p {
        font-size: 40pt;
        letter-spacing: normal;
    }

    .quote-container .main-quote {
        line-height: 3.4rem;
        padding: 60px 20px 40px 20px !important;
    }

    .box p {
        padding: 10px 35px 40px 35px !important;
        font-size: 12pt;

    }

    .section-services h1 {
        font-size: 22pt;

        padding-bottom: 20px !important;
    }

    .section-services-btn h1 {
        font-size: 22pt;
        line-height: 1 !important;
    }

    .section-services-btn h4 {
        padding: 0px 50px 20px 50px !important;

    }

    .content h4 {

        font-size: 16pt;
        letter-spacing: normal;

    }

    .icons-title {
        padding: 0px 200px 90px 200px !important;

    }

    .row .box-items {

        min-height: 400px;
    }

    .section-services-icons h3 {

        font-size: 32pt;

    }

    .services-box-icons {
        margin-bottom: 0px !important;
    }

    .box .box-icons img {
        height: 80px;
        width: 80px;

    }

    /* .navbar-nav .btn:hover {
        background-color: transparent;
        border: #ea8827 1px solid !important;
        transition: background 300ms ease-out;

    } */

    /* Hover style for .nav-item-1 */

    .nav-item-1:hover {
        border-color: #ea8827;

    }

    .navbar-nav .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;

    }


    .buttons .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;
        font-weight: 500;


    }

    .btn a:hover {

        color: #fff !important;
    }


    .main-form .btn:hover {
        background-color: transparent;
        border: #ea8827 2px solid;

    }

    .main-form {
        padding: 0px 0px 0px 140px !important;
    }

    .section-services-btn .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;
    }


    /* GALLERY PAGE */


    .img-area {

        padding: 90px 50px 80px 50px !important;
    }

    .gallery-quote p {
        font-size: 32pt;
        line-height: 3.2rem;
        letter-spacing: normal;

    }

    .gallery-quote h6 {
        font-size: 16pt;
        line-height: 1.5rem;
        letter-spacing: normal;
        padding: 20px 0px !important;

    }

    .lightbox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }



    .lb-outerContainer {
        width: 520px !important;
        height: 600px !important;


    }

    .lb-container img {
        width: 520px !important;
        height: 600px !important;
        object-fit: cover;


    }

    .img-area .single-img img:hover {

        -webkit-transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg);
        transition: .3s ease;
        box-shadow: 0 0 0 6px #ea8827;
        filter: saturate(1.2);

    }

    .footer-container i:hover {
        color: #ea8827 !important;
    }

    .footer-container a:hover {
        color: #ea8827 !important;
    }



    .services-main-text .p-span {
        display: none;
    }





}

@media (min-width: 1539px) and (max-width: 1920px) {



    .nav-item-1:hover {
        border-color: #ea8827;

    }

    .navbar-nav .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;

    }


    .buttons .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;
        font-weight: 500;


    }

    .btn a:hover {

        color: #fff !important;
    }


    .main-form .btn:hover {
        background-color: transparent;
        border: #ea8827 2px solid;

    }

    .section-services-btn .btn:hover {
        background-color: transparent;
        border: #ea8827 3px solid !important;
        transition: background 300ms ease-out;
    }


    /* gallery page */


    .img-area .single-img img:hover {

        -webkit-transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        transform: rotateZ(-6deg);
        transition: .3s ease;
        box-shadow: 0 0 0 6px #ea8827;
        filter: saturate(1.2);

    }

    .lightbox {
        top: 50%;
        left: 560px !important;


    }

    /* footer */


    .footer-container i:hover {
        color: #ea8827 !important;
    }

    .footer-container a:hover {
        color: #ea8827 !important;
    }



    .services-main-text .p-span {
        display: none;
    }


}