/* Extra large devices (large desktops, 1440px and down) */
@media (max-width: 1440px) {
    .half-col.text {
        padding: 30px;
        padding-bottom: 100px;
    }
    .serv-col.text {
        padding: 40px;
        
    }
    
    .projects-section {
        padding-left: 170px;
    }
    
    .testimonials-sec{
        padding-left: 170px;
    }
    
    .serv-row.blk2, .serv-row.blk1 {
        height: auto;
    }
   

  

   

}


/* Extra large devices (large desktops, 1366px and down) */
@media (max-width: 1366px) {

    h1 {
        font-size: 50px;
        line-height: 55px;
    }

    .serv-col.text {
        padding: 5%;
        
    }


    .projects-section {
        padding: 100px 0;
    }
    
     .projects-section {
        padding-left: 130px;

    }
    
    .testimonials-sec{
        padding-left: 130px;
    }

    .about-col.text {
        padding: 0 80px;
    }

    .features-list ul li {
        padding: 40px 80px;
    }

  
}

/* Extra large devices (large desktops, 1200px and down) */
@media (max-width: 1200px) {

    h1 {
        font-size: 40px;
        line-height: 45px;
    }

    h2 {
        font-size: 40px;
        line-height: 45px;
    }

    h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .half-col.text span {
        margin-bottom: 20px;
    }

    .footer-blk-right {
        padding-left: 0;
    }

    .footer-blk-right ul li {
        margin-right: 35px;
    }

    .footer-blk-left {
        padding-right: 15px;
    }

    .contact-text {
        padding: 50px;
    }

    
    .projects-section {
        padding-left: 45px;
    }
    
   .testimonials-sec{
        padding-left: 45px;
    }

    

    .about-col.text {
        padding: 0 50px;
    }

    .about-slider {
        margin-left: 0;
    }

    .about-item img {
        padding: 0 20px;
    }

    

    .features-list ul li {
        padding: 25px 50px;
    }

    .feature-text {
        padding: 0 50px;
    }

    .team-slider {
        margin-left: 0;
    }

    .team-slider-content {
        padding-top: 100px;
    }

    .team-section h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .loc-serv-item {
        padding: 30px;
    }


    .half-col-row {
        margin-right: 0;
    }

    .top-content,
    .btm-content {
        padding: 20px;
    }

    .blog-post p {
        min-height: 200px;
    }

    .main-col {
        padding-right: 100px;
        padding-left: 0;
    }
    
    .serv-item{
        padding: 20px;
        padding-bottom: 40px;
    }
    
    .serv-item .btn{
        position: absolute;
        left: 20px;
        bottom: 20px;
    }
    
    
}


/* Large devices (desktops, 992px and down) */
@media (max-width: 992px) {


    .home-banner {
        padding: 0 20px 20px;
    }
    
    .home-banner-inner{
        height: auto;
    }

   
    .under-video-banner ul {
        display: none;
    }

    .custom-video-area {
        padding: 0;
    }

    .custom-video-area video {
        position: relative;
    }

    .under-video-banner .btn {
        width: auto;
    }

    .video-controls .play-button {
        margin: 0;
    }

    .serv-col.text {
        padding: 40px;
    }

   
    .projects-section {
        padding-left: 45px;
    }
    
   

    .not-active {
        pointer-events: visible;
        cursor: pointer;
    }

    .blog-section .row {
        flex-direction: row-reverse;
    }

    .blog-blk-right {
        padding-left: 0;
    }

    .half-col-row {
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .half-col {
        width: 100%;
    }

    .half-col.image {
        display: none;
    }

    .half-col.text {
        padding: 30px;

    }

    .half-col.text img {
        display: block;
    }

    .half-col .btn {
        display: none;
    }

    .testimonials-sec {
        padding: 80px 0;
    }
    
     .testimonials-sec{
        padding-left: 45px;
    }

    

    .row-reverse {
        flex-direction: row-reverse;
    }

    .footer-blk-right {
        padding: 0;
    }

    .footer-blk-right ul {
        display: block;
    }

    .footer-blk-right ul li {
        display: block;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .not-active img {
        display: inline-block;
    }

    .footer-blk-right ul li ul {
        display: none;
    }

    .footer-blk-left {
        border-left: 1px solid #9F9F9F;
        border-right: 0;
        padding-right: 0;
        padding-left: 30px;
    }

    .social-nav ul li {
        margin-right: 10px;
    }

    /*.footer-btm ul li:first-child {*/
    /*    display: none;*/
    /*}*/

    .footer-blk-outer {
        margin-top: 50px;
    }

    .desktop-menu {
        display: none;
    }

    .mobile-menu {
        display: block;
    }


    .header {
        padding: 20px;
    }

    .image-slider {
        display: block;
    }

    .header.white-header .logo-white {
        display: inline-block;
    }

    .header.white-header .logo-dark {
        display: none;
    }

    .header.white-header {
        background: #221F20;
    }
    

    .header.white-header.scrolling_down {
        background: #fff;
    }

    .scrolling_down .navbar-brand .logo-dark, 
    .scrolling_up .navbar-brand .logo-dark {
        position: absolute;
        opacity: 1;
        visibility: visible;
        display: inline-block;
    }

    .inner-banner {
        margin-top: 0;
    }

    .back-link {
        top: 100px;
        left: 20px;
    }

    .inner-banner-text {
        padding-left: 20px;
    }

    .inner-banner .under-video-banner {
        padding: 20px;
    }

    .inner-banner-slider .slick-prev,
    .inner-banner-slider .slick-next {
        bottom: 25px;
    }

    .inner-banner-item img {
        height: 75vh;
    }

    .process-slider .slick-dots {
        bottom: 60px;
    }

    p.lead {
        font-size: 18px;
        line-height: 24px;
    }

    

    .serv-read-more {
        left: 20px;
        bottom: 20px;
    }

    .serv-item.special img {
        right: 20px;
        bottom: 20px;
    }

    .our-story-inner {
        padding: 50px;
    }

    .team-slider-content {
        width: 100%;
        position: relative;
        text-align: center;
        display: block;
    }

   

    .team-section h2 {
        margin-bottom: 50px;
    }

    .team-slider .slick-prev,
    .team-slider .slick-next {
        bottom: -40px;
    }

    .top-content ul li {
        margin-right: 50px;
    }

    .main-col {
        padding-right: 30px;
    }

    .side-widget {
        padding: 20px 0;
    }

    .main-col ul {
        margin: 20px 0;
    }

    .main-col .quote {
        margin: 20px 0;
        padding: 0 20px;
    }

    .main-col .quote p {
        font-size: 16px;
    }
    
     .home-banner {
       
        margin-top:95px;
    }
    
    .inner-banner{
        margin-top:95px;
    }
    
    .project-main-outer {
        margin-top:95px;
    }
    
    .ann-bar{
        display: none;
    }
    
    .large-only{
        display: none;
    }
    
    .small-only{
        display: inline-block;
        margin-top: 50px;
    }
    
    #mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{
        float: none !important;
    }
}

/* Medium devices (tablets, 768px and down) */
@media (max-width: 768px) {


    h1 {
        font-size: 30px;
        line-height: 35px;
    }

    h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .btn {
        
        font-size: 14px;
    }

    .projects-section {
        padding: 50px 0 100px;

    }

    .projects-section {
        padding: 0 15px;
    }
    
    

    .projects-slider .slick-slide {
        margin-right: 0;
    }

    .project-item {
        padding: 0;
    }


    .project-item span,
    .project-item h4 {
        left: 40px;
    }

   

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

    .serv-col {
        width: 100%;
    }

    .serv-col.text .btn {
        width: auto;
    }

    .blog-section {
        padding: 50px 0;
    }

    .blog-section .row {
        flex-direction: column-reverse;
    }

    .blog-blk-right {
        margin-bottom: 40px;
    }

    .blog-blk-right .btn {
        width: auto;
    }


    .slick-dots {
        padding-right: 0;
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        left: 40px;
    }



    .row-reverse {
        flex-direction: column-reverse;
    }

    .contact-blk-outer {
        display: block;
    }

    .contact-text,
    .contact-image {
        width: 100%;
    }

    .contact-txt-inner {
        max-width: 100%;
        width: 100%;

    }

    .contact-text {
        padding: 50px 15px;
    }




    .testimonials-sec {
        padding: 50px 15px 80px 15px;
        text-align: center;
    }
    
    .testi-slider .slick-slide{
        margin-right:0;
    }
    
    

    .testi-item {
        max-width: 100%;
        text-align: left;
        padding: 30px;
        padding-bottom: 60px;
    }


    .card-header .btn {
        font-size: 14px;
        padding: 15px 40px;
    }

    .card-header .btn::before {
        left: 15px;
    }

    .card-header .btn::after {
        right: 15px;
    }

    .card-body {
        padding: 15px 40px;
    }


    .faq-section {
        padding-bottom: 50px;
    }

    .btn-outer {
        flex-direction: column-reverse;
    }





    .footer-blk-right {
        padding: 0 0 40px;
    }

    .footer-blk-left {
        padding: 0;
        border: 0;
        position: relative;
    }

    

    

    .footer-top {

        padding: 50px 0 0;
    }

    .footer-btm ul li {
        margin-right: 20px;
    }

    .about-row {
        flex-direction: column-reverse;
    }

    .about-col {
        width: 100%;
    }

    .about-col.text {
        padding: 0 15px;
    }

    .about-item img {
        padding: 0 15px;
    }

    .about-section {
        padding-bottom: 80px;
    }

    .about-slider .slick-prev {
        left: -40px;
        right: 0;
    }

    .about-slider .slick-next {
        left: 0;
        right: -40px;
    }

    .home-banner-text {
        padding: 20px 0;
    }

    .custom-video-area {
        padding-bottom: 75px;
    }


    .para-section {
        padding: 50px 0;

    }

    .about-section.innerpage {
        padding: 50px 0;
    }

    .l-col {
        border-right: 0;
        border-bottom: 1px solid #221F20;
        padding-right: 0;
        padding-bottom: 50px;
    }

    .r-col {
        padding-left: 0;
        padding-top: 50px;
    }

    .contact-page-section .contact-nav ul li:last-child {
        border-bottom: 1px solid #221F20;
    }

    .contact-page-section {
        padding: 50px 0;
    }

    .contact-page-section p.lead {
        font-size: 18px;
        line-height: 24px;
    }

   

    .process-section {
        padding: 50px 0;
    }

    .process-img img {
        width: 100%;
    }

    .process-text {
        text-align: center;
        padding-top: 50px;
    }

    .process-slider .slick-dots {
        bottom: -30px;
        max-width: 100%;
        text-align: center;
    }

    p.lead {
        font-size: 16px;
        line-height: 24px;
    }

    .process-img {
        padding-left: 0;
    }

    .serv-item {
        padding: 20px;
        min-height: auto;
        margin-bottom: 15px;
    }

    .serv-item.special {
        min-height: 250px;
    }
    
     .serv-item .btn{
        position: relative;
        left: auto;
        bottom: auto;
    }

    .serv-read-more {
        position: relative;
        left: auto;
        bottom: auto;
    }

    .see-more {
        display: block;
    }

    .serv-listing-section {
        padding: 50px 0;
    }

    .serv-item.hiddenblk {
        display: none;
    }

    .serv-item.hiddenblk.toggle {
        display: block;
    }

    .our-story-sec {
        padding: 50px 0;
    }

    .our-story-inner {
        padding: 50px 15px;
    }

    .features-sec {
        padding: 50px 0;
    }

    .features-list ul li {
        padding: 20px;
        text-align: center;
        display: block;
        border-radius: 5px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .feature-text {
        padding: 0;
    }

    .features-list .btn {
        text-transform: none;
    }

    .team-section h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .team-section {
        padding: 50px 0;
    }


    .lead-text {
        padding: 50px 0;

    }

    .loc-service-sec {
        padding: 50px 0;

    }

    .loc-serv-item {
        padding: 20px;
        min-height: auto;
        margin-top: 15px;
    }

    .loc-service-sec h2 {
        text-align: center;
    }

    .sml-blk-inner {
        border: 0;
        margin: 0 auto;
        height: auto;
        width: auto;
    }

    .sml-blk-outer {
        padding: 20px;
        border: 1px solid #a7a5a6;
        margin-top: 15px;
    }

    .features-sml {
        padding:50px 0;
    }

    .sml-blk-outer p {
        display: block;
    }

    .contact-image img {
        height: auto !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5 {
        letter-spacing: normal;
    }

    .project-main-outer {
        padding: 50px 15px;
    }

    .project-gallery-slider {
        margin-bottom: 50px;
    }

    .top-content {
        display: none;
    }

    .proj-gallery-item img {
        height: 400px;
        object-fit: cover;
    }


    .btm-content {
        padding: 15px;
    }

    .project-gallery-slider .slick-next {
        right: 15px;
    }

    .half-col.text {
        padding: 20px;
    }

    .blog-listing-banner {
        margin-bottom: 20px;
    }

    .blog-post {
        margin-bottom: 20px;
    }

    .blog-post p {
        min-height: auto;
    }

    .blog-posts-slider-outer {
        display: none;
    }

    .insta-box,
    .get-in-touch {
        display: none;
    }

    .single-content{
        border: 0;
        padding: 0;
    }

    .side-widget{
        border: 0;
        padding-bottom: 0;
        padding-top: 50px;
    }

    .main-col{
        padding: 0;
        border-right: 0;
        border-bottom: 1px solid #9F9F9F;
    }

    .blog-single-banner h1{
        left: 20px;
        bottom: 20px;
    }

    .blog-single-banner {
        margin: 0 0 40px;
        padding: 0;
    }

    .blog-single-banner .back-link{
        top: -40px;
    }
    
    .project-main-outer .under-video-banner{
        padding: 0 !important;
        position: relative;
        top:-100px;
        right: 20px;
    }
    
    .side-widget{
        max-width: 100%;
    }
    
    .blog-single-banner img{
        height: 50vh;
    }
    
    .home-banner-text{
        position: relative;
        top: auto;
        transform: none;
        left: 0;
    }
    
    .home-banner-text .btn{
        width: auto;
    }
    
    .copyright{
       
        
        margin-top:5px;
    }
    
   .blog-section .blog-item{
       padding:0;
   }
   
   .blog-post h5 a{
       min-height: auto;
   }

    .single-project .main-col{
        padding: 0 !important;
    }
    
    .single-project .gallery-view{
          padding: 0 !important;
    }

}

/* Small devices (landscape phones, 576px and down) */
@media (max-width: 576px) {}