@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --green-color: #96C948;
  --blue-color: #24A6DA;
  --text-color: #6A6A6A;
  --white-color: #fff;
  --black-color: #333;
  --main-font: "Roboto", serif;
  --heading-font: "Exo", sans-serif;
}
  @media (min-width:1920px){
    .container {
        max-width: 1500px;
    }
}
@media (max-width:1600px){

}
@media (max-width:1440px){
    h2 {
        font-size: 42px;
    }
    .slide .slide__content--headings .title {
        font-size: 48px;
    }
    .about-sec .right .welcome-text {
        font-size: 28px;
        line-height: 34px;
    }
    #cssmenu > ul > li {
        padding: 15px 0px 15px 50px;
    }
}
@media (max-width:1399px){
    h2{
        font-size: 40px;
    }
    p{
        font-size: 16px;
    }
    .common-padd{
        padding: 40px 0;
    }
    .logo a {
        width: 140px;
    }
    .top-bar {
        padding: 2px 0;
    }
    .slide .slide__content--headings .title {
        font-size: 44px;
        line-height: 60px;
    }
    .about-sec .right .welcome-text {
        font-size: 26px;
    }
    .blog-title h3{
        font-size: 20px;
    }
    .inner-banner .banner-text {
        padding: 90px 0px;
    }
    .top-bar .top-wrepper .right-details .social-icon ul li a {
        font-size: 24px;
    }
    .top-bar .top-wrepper .left-details ul li span {
        width: 24px;
        height: 24px;
    }
    .top-bar .top-wrepper .left-details ul li span i {
        font-size: 12px;
    }
    .about-sec .left-img {
        height: 315px;
    }
    .about-sec .left-img.img-bottom{
        height: 315px;
    }

    .video-box {
        height: 350px;
    }
    .play-btn {
        width: 70px;
        height: 70px;
    }
    .about-sec::before{
        background-size: 50%;
    }

    .lightbox-modal .carousel-inner {
        width: 40%;
    }
}

@media (max-width:1280px){
    .slide .slide__content--headings .title {
        font-size: 40px;
    }
    .slide .slide__content--headings .top-title {
        font-size: 22px;
    }
}

@media (max-width:1199px){
    h2 {
        font-size: 34px;
    }
    #cssmenu > ul > li {
        padding: 15px 0px 15px 40px;
    }
    .about-sec .right {
        padding-left: 50px;
    }
    
    .gallery-main .img-wrapper:nth-child(1) {
        height: 370px;
    }
    .gallery-main .img-wrapper:nth-child(5) {
        height: 370px;
    }
    .gallery-main .img-wrapper:nth-child(3) {
        height: 330px;
    }
    .gallery-main .img-wrapper:nth-child(4) {
        height: 460px;
    }
    .blog-wrepper .blog-main-box .img-box {
        height: 170px;
    }
    .post-date ul {
        gap: 4px;
    }
    .blog-title h3 {
        font-size: 16px;
    }
    .btn{
        padding: 10px 25px;
        font-size: 14px;
    }
    .slide .slide__content--headings .title {
        font-size: 36px;
    }
    .gl-box {
        width: 30%;
    }
}
@media (max-width:991px){
    h5 {
        font-size: 18px;
    }
    #cssmenu > ul > li > a {
        color: var(--black-color);
    }
    .slide .slide__content--headings .title {
        font-size: 30px;
        line-height: 38px;
    }
    .slide .slide__content--headings .top-title{
        font-size: 16px;
    }
    .service-wrepper::before{
        display: none;
    }
    .service-card-wrepper{
        margin-top: 0px;
    }
    .our_box_process{
        margin-top: 50px;
    }
    .service-card-wrepper .col-lg-4{
        margin-bottom: 20px;
    }
    .services-section .right{
        padding-left: 0px;
    }
    .gallery-grid .gl-box:nth-child(2) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(3) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(4) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(6) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(5) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(7) {
        height: 270px;
    }
    .gl-box {
        width: 45%;
    }
    .bolg-border{
        margin-top: 20px;
    }
    .gallery-grid{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        margin-left: 50px;
    }
}

@media (max-width:768px){
    .address ul li {
        margin-bottom: 20px;
        flex-direction: column;
        align-items: center;
    }
    .slide .slide__content--headings .title {
        font-size: 26px;
    }
}

@media (max-width:767px){ 
    .common-padd {
        padding: 40px 0;
    }
    .left-details ul li{
        font-size: 12px;
    }
    .l-1 {
        margin-bottom: 15%;
    }
    .gallery-main {
        column-count: 2;
    }
    .about-sec .right{
        padding-left: 0px;
    }
    .blog-wrepper {
        margin-top: 15px;
    }
    .address ul li{
        flex-direction: inherit;
    }
    .footer-link{
        margin-top: 20px;
    }
    .address {
        margin-top: 15px;
    }
    .copy-right .main-div .copy-text p {
        font-size: 16px;
    }
    .main-btn .btn{
        margin-bottom: 10px;
    }
    .gallery_wrapper{
        column-count: 2;
    }
    .lightbox.open .lightbox_content {
        transform: scale(1);
      }
    .gallery_tabs{
    width: 100%;
    overflow: auto;
    padding: 10px 0;
    justify-content: start;
    flex-wrap: nowrap;
    }
    .about-sec.about-page .video-box{
        margin-bottom: 20px;
    }
    .video-box{
        margin-bottom: 20px;
    }
    .button-group {
        text-align: center;
         width: 100%;
         display: flex;
         overflow-y: auto;
         justify-content: center;
         margin: 20px 0px 30px 0px;
     }
     .gallery-grid{
        margin-left: 30px;
     }
     .gl-box .text-box{
        opacity: 1;
     }
     .gl-box .text-box p {
        color: #fff;
        margin-bottom: 0px;
    }
}
@media (max-width:575px){
    h1 {
        font-size: 30px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: -10px;
    }
    .inner-banner .banner-text {
        padding: 50px 0px;
    }
    .service-card .img-box {
        width: 50px;
        height: 50px;
    }
    .service-card .text-box h4 {
        font-size: 24px;
    }    
    .about-sec.services-section .left-img {
        height: 400px;
    }
    .gallery_wrapper{
        column-count: 1;
    }
    .blog-page .blog-main-box{
        margin-bottom:0px;
    }

       .blog-details .blog-details-img-box {
        height: 270px;
       }
       .blog-list .item .img-box {
        width: 65px;
        height: 65px;
       }
       .btn {
        padding: 6px 11px;
        font-size: 12px;
    }
    #gallery button{
        margin: 5px;
    }
    .gl-box .text-box p{
        color: #fff;
        margin-bottom: 0px;
    }
    .gl-box .text-box {
        padding: 10px;
    }
    .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
        right: 0px;
    }
    .form-label {
        margin-bottom: 0rem;
        font-size: 12px;
    }
    .form-area .mb-4 {
        margin-bottom: 0.5rem !important;
    }
      .gallery-grid .gl-box:nth-child(2) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(3) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(4) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(6) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(5) {
        height: 270px;
    }
    .gallery-grid .gl-box:nth-child(7) {
        height: 270px;
    }
}
@media (max-width:480px){

    h2 {
        font-size: 28px;
    }
    p {
        font-size: 14px;
    }

    .slide .slide__content {
        width: 80%;
    }
    .top-bar .top-wrepper .left-details ul {
        display: block;
    }
    .left-details ul li{
        margin: 5px 0;
    }
    .top-bar .top-wrepper .left-details ul li span {
        height: 20px;
        width:20px;
    }
    .top-bar .top-wrepper .right-details .social-icon ul li a {
        font-size: 22px;
    }
    .logo a {
        width: 130px;
    }
    .img-wrapper {
        width: 100%;
    }
    .gallery-main {
        column-count: 1;
    }
    .service-wrepper {
        margin-top: 40px;
    }
    .our_process {
        padding: 0px 0px 40px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: 0px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: 2px;
    }
    .next-arrow {
        width: 30px;
        height: 30px;
    }
    .prev-arrow {
        width: 30px;
        height: 30px;
    }
    .next-arrow i, .prev-arrow i {
        font-size: 14px;
    }
    .about-sec .right .welcome-text {
        font-size: 20px;
        line-height: 26px;
    }
    .process-icon-text p {
        font-size: 14px;
    }
    #image-gallery {
        margin-top: 20px;
    }
    .testimonial-slider {
        margin-top: 20px;
    }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next{
        display: none;
    } 
    .process-icon-text h3 {
        font-size: 20px;
    }
    .process-icon-wrap {
        width: 100px;
        height: 100px;
        padding: 28px;
    }
    .process-icon-wrap span {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    .footer-link ul li a {
        font-size: 14px;
    }
    .footer-link ul li {
        margin: 0 0 4px 0;
    }
    .footer-link h4 {
        font-size: 20px;
    }
    .footer-link .mt-4{
        margin-top: 0.5rem !important;
    }
    .address ul li a{
        font-size: 14px;
    }
    .address ul li {
        margin-bottom: 10px;
    }
    .gallery-main .img-wrapper:nth-child(1),
    .gallery-main .img-wrapper:nth-child(2),
    .gallery-main .img-wrapper:nth-child(3),
    .gallery-main .img-wrapper:nth-child(4),
    .gallery-main .img-wrapper:nth-child(5),
    .gallery-main .img-wrapper:nth-child(6){
        height: 300px;
    }
    .blog-wrepper .blog-main-box {
        width: 100%;
    }
    .gallery-grid{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    margin-left: 0px;
    }
    .gl-box{
        width: 100%;
    }
    .lightbox-modal .carousel-inner {
        width: 90%;
    }
    .gl-box .img-overlay {
        /* width: 40px; */
        /* height: 40px; */
        display: none;
    }
    .gl-box .overlay{
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.2);
    }
    .gl-box .overlay i{
        font-size: 20px;
    }
    .gl-box .text-box{
        opacity: 1;
    }
    .button-group {
        justify-content: inherit;
    }
}
@media (max-width:375.98px){
    
}