@media screen and (max-width:1800px){
    /*=====banner-section =====*/ 
    .banner-section::before {background-size: contain;}
    /*=====banner-section end =====*/
    
    /*=====service-section =====*/
    .box-shape2 { top: -42px;  width: 87px; height: 101px;  margin-right: 90px; }
    .box-shape1 { width: 246px;  height: 323px; margin-left: 0;}
    /*=====service-section end=====*/
}

@media screen and (max-width:1700px){
    /*=====service-section =====*/
    .box-shape2 {top: -54px; margin-right: 50px;}
    .box-shape1 {width: 186px; height: 244px; top: -96px;}
    /*=====service-section end =====*/
    
    /*=====case-studies  =====*/
    .case-studies-graphic {top: -140px; left: -9px;}
    .case-studies-graphic img {max-width: 300px;}
    /*=====case-studies end =====*/
}
 
@media screen and (max-width:1600px){

    .heading-col h3 {font-size: 55px;}

    /*===== banner-section  =====*/
    .banner-caption h1 { line-height: 75px;font-size: 65px;}
    .banner-section::before { bottom: -28px;}
    /*===== banner-section  end=====*/

    /*=====service-section =====*/ 
    .box-shape2 { margin-right: 0;} 
    .box-shape1 {width: 162px; top: -100px; margin-left: -64px;}
    /*=====service-section end=====*/
}
 
@media screen and (max-width:1400px){

    /*===== banner-section  =====*/
    .banner-img {height: 615px;}   
    .slider-video {width: 75px; height: 75px; line-height: 75px;} 
    .banner-section::before { bottom: -50px;}
    .banner-carousal .owl-nav button {width: 70px; height: 70px;}
    /*===== banner-section  end=====*/

    .middle-section{padding-top: 75px; padding-bottom: 75px;}
    /*=====service-section =====*/ 
    .box-shape2 {margin-right: -94px; z-index: 1;}
    .box-shape1 {margin-left: -164px; z-index: 1;}
    /*=====service-section end=====*/ 

    /*=====case-studies-section =====*/ 
    .case-studies {padding-top: 75px; padding-bottom: 75px;}
    /*=====case-studies-section end =====*/ 

    /*=====feachered-services =====*/ 
    .feachered-services {padding-top: 75px; padding-bottom: 75px;}
    /*=====feachered-services  end=====*/ 

    /*=====contact-us =====*/ 
    .contact-us-block {padding-top:75px; padding-bottom: 75px;}
    .contact-map {padding-top: 60px;}
    .contact-map iframe {min-height: 400px;}
    /*=====contact-us end=====*/ 

    /*=====testimonials =====*/ 
    .testimonials {padding-top: 75px; padding-bottom: 75px;}
    /*=====testimonials end=====*/ 

    /*=====quote-section=====*/ 
    .quote-section {padding: 30px 0;}
    /*=====quote-section end=====*/ 

    /*=====footer=====*/ 
    .ftr-top {padding: 70px 0 60px;}
    /*=====footer end=====*/ 

    /*=====aboutus page =====*/ 
    .our-history-section {color: var(--whiteColor);padding: 75px 0 0;}
    /*=====aboutus page end=====*/ 

    /*=====service page =====*/ 
    .service-middle-section {padding-bottom: 40px;}
    /*=====service page =====*/ 

    /*=====testimonial page =====*/ 
    .middle-testimonial{padding-bottom: 45px;}
    /*=====testimonial page =====*/ 
}

@media screen and (max-width:1199px){
    
    .heading-col h3 {font-size: 40px;}
    .heading-col h6 {margin-bottom: 10px;}

    /*===== header css =====*/
    .navbar-brand img {max-width: 210px;}
    /*===== header css end=====*/

    /*===== banner-section  =====*/
    .banner-caption {max-width: 700px;}
    .banner-caption h1 {line-height: 60px; font-size: 50px;}
    .banner-section::before {  bottom: -67px;}
    .banner-caption p {margin-bottom: 20px;}
    .banner-section::before { bottom: -67px;}
    .banner-img {height: 550px;}
    .banner-inner .banner-caption h1 {font-size: 40px; margin-bottom: 5px;}
    /*===== banner-section  end=====*/

    /*=====service-section =====*/ 
    .service-card {padding: 37px 20px 25px;}
    /*=====service-section end=====*/ 

    /*=====service-company=====*/ 
    .service-company{padding-top: 0;}
    .contact-withUs {margin-top: 56px;}
    /*=====service-company end  =====*/ 

    /*=====case-studies=====*/ 
    .case-studies {padding-top: 60px; padding-bottom: 60px;}
    .case-studies-graphic img {max-width: 235px;}
    /*=====case-studies end=====*/

    /*=====feachered-services =====*/ 
    .feachered-services {padding-top: 60px; padding-bottom: 60px;}
    .feachered-services-card {padding: 30px 30px 30px; margin-bottom: 15px;}
    /*=====feachered-services  end=====*/ 

    /*=====contact us =====*/ 
    .contact-us-block {padding-top: 60px; padding-bottom: 60px;}
    /*=====contact us end=====*/ 


    /*=====testimonials =====*/ 
    .testimonials {padding-top: 60px; padding-bottom: 60px;}
    /*=====testimonials end=====*/

    /*=====quote-section=====*/ 
    .quote-section {padding: 25px 0;}
    .quote-disc {font-size: 25px;}
    /*=====quote-section end=====*/

    /*=====footer-section=====*/ 
    .ftr-top {padding: 55px 0;} 
    .newsletter-ftr-box {margin-left: 15%; margin-right: 5%;}
    /*=====footer-section end=====*/  

    /*=====middle-section=====*/
    .middle-section {padding-top: 60px; padding-bottom: 60px;}
    /*=====middle-section=====*/

    /*=====blog page=====*/     
    .blog-card-title {font-size: 30px;  margin-bottom: 10px;}
    .blog-card {margin-bottom: 30px;}
    .widget {margin-bottom: 35px;}
    .widget.widget_categories {margin-bottom: 24px;}
    .widget.widget-archice {margin-bottom: 24px;}
    .widget.widget-gallery{margin-bottom: 25px;}
    .widget-title.tagcloud-title {margin-bottom: 25px;}
    .widget.widget_categories .widget-title {margin-bottom: 10px;}
    .widget.widget-archice .widget-title {margin-bottom: 10px;}
    /*=====blog page end=====*/

    /*=====aboutus page=====*/
    .about-heading{font-size: 35px;}
    .about-heading-text{margin: 20px 0;}
    .our-history-section{padding: 60px 0 0;}
    /*=====aboutus page end=====*/

    /*=====service page =====*/ 
    .service-middle-section {padding-bottom: 30px;}
    /*=====service page =====*/ 

    /*=====testimonial page =====*/ 
    .middle-testimonial{padding-bottom: 30px;}
    .comment-icon {font-size: 40px;}
  
    .protfolio-dtl-box {margin-bottom: 15px; padding-bottom: 15px;}
    /*=====testimonial page =====*/ 
}   

@media screen and (max-width:991px){

    /*=====header-section=====*/ 
    .heading-col h3 {font-size: 30px;}
     header.header {font-size: 15px;}
    .header-main {padding: 15px 0;}
    .navbar-brand img {max-width: 170px;}  
    .navbar .navbar-nav li { padding: 0 11px;}
    .cart .counter {right: -12px;  width: 18px; height: 18px; line-height: 18px; font-size: 11px;}
    .hdr-right ul li:first-child {padding-left: 8px;}
    .contact-btn { padding: 0px 15px; border-radius: 40px; line-height: 33px;}
    .hdr-right ul li {padding-left: 18px;}
	 .search-dropdown .dropdown-menu { margin-top: 25px;}
    /*=====header-section end=====*/ 


    /*===== banner-section  =====*/
    .banner-caption {max-width: 600px;}
    .banner-caption h1 {line-height: 45px; font-size: 40px; margin-bottom: 10px;}
    .banner-carousal .owl-nav button {width: 55px; height: 55px; font-size: 30px !important;}
    .slider-video { width: 55px; height: 55px;  line-height: 57px;font-size: 16px;}
    .banner-section::before {bottom: -88px;}
    .banner-inner .banner-caption h1 { font-size: 35px; }
    /*===== banner-section end =====*/

    /*=====service-section =====*/ 
    .service-section { margin-top: -118px; padding-bottom: 30px;} 
    .box-shape1 {top: -125px;} 
    .box-shape2 {top: -88px;}
    .service-card {margin-bottom: 25px;padding: 28px 20px 25px;}
    .video-play {margin-top: 20px;}
    /*=====service-section end =====*/ 

    /* service-company */ 
    .service-company {padding-bottom: 80px;}
    .service-company-left { text-align: center;margin-bottom: 30px;}
    .contact-withUs {padding: 13px 15px; margin-top: 40px;}
    .contact-withUs-title { font-size: 26px;}
    /* service-company */
    
    /*=====case-studies=====*/ 
    .case-studies .heading-col {padding-bottom: 5px;}
    .case-studies {padding-top: 50px; padding-bottom: 50px;}
    .case-studies-card-info {padding: 25px 30px;}
    /*=====case-studies end=====*/ 
    
    /*===== feachered =====*/
    .feachered-services {padding-top: 50px; padding-bottom: 50px;}
    .feachered-services-card { padding: 25px 16px;}
    /*===== feachered =====*/

    /*=====contact us =====*/ 
    .contact-us-block {padding-top: 50px; padding-bottom: 50px;}
    .contact-us-block .heading-col {padding-bottom: 20px;}
    .contact-info {padding-top: 30px;}
    .contact-form {padding-right: 0;}
    .contact-form .btn-custom {margin-top: 15px;}
    .card-contact-right h5 {font-size: 18px;}
    .contact-map {padding-top: 40px;}
    /*=====contact us end=====*/ 

    /*=====testimonials =====*/ 
    .testimonials {padding-top: 50px; padding-bottom: 50px;}
    .testimonials-left-img {margin-left: 0;}
    .testimonials-left-img img {max-width: 500px; display: block; width: 100%; margin: 0 auto;}
    .item-icon {font-size: 90px;}
    .testimonials-slider-card p {font-size: 20px;}
    .testimonials-slider .owl-dots {margin-top: 20px;}
    /*=====testimonials end=====*/

    /*===== footer *=====*/
    .ftr-top {padding: 50px 0 15px;}
    .newsletter-ftr-box {margin-left: 5%; margin-right: 5%;}
    /**===== footer *=====*/

    /*=====middle-section=====*/
    .middle-section {padding-top: 50px; padding-bottom: 50px;}
    /*=====middle-section=====*/

    /*=====service page =====*/ 
    .service-middle-section {padding-bottom: 20px;}
    /*=====service page =====*/ 

    /*=====blog page=====*/
    .blog-card-title {font-size: 25px;}
    .blog-card-info p{ margin: 0 0 15px;}
    .widget {margin-bottom: 30px; }
    .recent-posts-list li { padding-bottom: 18px; margin-bottom: 18px;}
    .contact-form.comment-form .btn-custom {margin-top: 0;}
    .contact-form.comment-form {padding: 10px 25px 25px;}
    .single-post .comment-form h2.comments-title {margin-top: 10px;}
    /*=====blog page end=====*/

    /*=====aboutus page=====*/
    .our-history-section {padding: 50px 0 0;}
    .about-heading { font-size: 30px; margin-bottom: 10px;}
    .about-small-heading { margin-bottom: 5px;}
    .about-heading-text {margin: 10px 0; line-height: 24px;} 
    .about-tab .nav-link.active, .about-tab .nav-link {font-size: 16px; padding: 7px 5px; margin: 0px 10px -3px 0;} 
    .about-btn-wrapper .btn-custom{padding: 0px 30px;} 
    .about-card-info .icon {margin-right: 10px;}
    .about-card-info .icon img {max-width: 40px;}
    .about-card-info {margin: -70px 25px 0; padding: 20px 15px;} 
    .about-card-desc h3 {font-size: 22px;} 
    .about-contain-box{padding-right: 0;} 
    .history-count-number {font-size: 28px;} 
    .our-history-box {max-width: 132px;} 
    .history-count-text {font-size: 16px;}
    .our-history-inner::after {bottom: -111px;}
    .our-history-inner::before {top: -148px;} 
    .our-history-inner {padding-top: 40px; padding-bottom: 40px;}
    .our-history-box {margin: 20px auto;}
    /*=====aboutus page end=====*/

    /*=====testimonial page =====*/ 
    .middle-testimonial{ padding-bottom: 20px;}
    .testimonail-media {margin-bottom: 20px;} 
    .comment-icon {font-size: 35px;}
    /* testimonial page css end*/

    /* protfolio page css*/
    .protfolio-image {margin: 0 0 20px;}
    .protfolio-heading {font-size: 28px; margin-bottom: 10px; } 
    /* protfolio page css end*/
}  
 
@media screen and (max-width:767px){

    body {font-size: 14px; line-height: 24px;}
    p {line-height: 24px; margin: 0 0 15px;}
    .heading-col h3 {font-size: 26px;}
    .heading-col h6 {font-size: 17px; flex-wrap:wrap;}
    .btn-custom { padding: 0px 25px; height: 45px; line-height: 45px;}

    /*===== header =====*/ 
    .navbar-toggler{margin: 0; position: absolute; right: -12px; margin-top: -5px;}
    .navbar-toggler span{width: 20px; height: 2px; background-color: var(--primaryColor); display: block;}
    .navbar-toggler span:nth-child(2){ margin: 5px 0;}    
    .navbar-collapse {position: absolute; top: 100%; background: #f7f7f7; left: -15px; right: -15px; z-index: 9; margin-top: 15px; padding-bottom: 10px; padding-top: 5px;}
    .navbar .navbar-nav li {padding: 5px 11px;}
    .contact-btn {padding: 0px 9px;}
    .header {position: inherit;}
    .header .navbar {padding-right: 40px !important;}
	.header-search {position: static;}
	.search-dropdown .dropdown-menu { margin-top: 15px; width: 100%; left: 0; right: 0;}
    .search-box .form-control {height: 35px;padding: 0 15px; line-height: 33px;}
    .navbar-brand img {max-width: 155px;}
    /*===== header =====*/           

    /*===== banner-section  =====*/ 
    .single-banner::before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 20%);
        position: absolute;
        z-index: 0;
    }
    footer .col-md-4.col-sm-12:nth-child(3) {
        padding: 0 15px 0 33px;
    }
    .banner-section::before { top: 100%; transform: translateY(-20%); }
    .banner-img {height: 450px;}
    .banner-caption { margin-top: 0; padding-left: 20px; padding-right: 20px;}
    .banner-caption p {line-height: 22px; font-size: 17px;}
    .banner-caption h1 {line-height: 1.2em;font-size: 30px;}
    .banner-carousal .owl-nav button {width: 40px; height: 40px; font-size: 24px !important;}
    .slider-video {height: 45px;  width: 45px;  line-height: 48px; font-size: 14px; margin-bottom: 15px;}
    .banner-carousal .owl-nav .owl-prev {left: 10px;}
    .banner-carousal .owl-nav .owl-next { right: 10px;}
    .banner-carousal .owl-nav {margin-top: -48px;}
    .banner-breadcrumb .breadcrumb {font-size: 15px;}
    .banner-breadcrumb .breadcrumb-item+.breadcrumb-item {padding-left: 10px;}
    .banner-breadcrumb .breadcrumb-item+.breadcrumb-item::before {padding-right: 10px;}
    .banner-inner .banner-caption h1 {font-size: 28px;}
    /*===== banner-section  =====*/

    /*=====service-section =====*/ 
    .box-shape2 {top: -51px; width: 57px; height: 67px; margin-right: -66px;}
    .box-shape1 {top: -74px; margin-left: -91px; height: 118px; width: 90px;}
    .service-section {margin-top: 0; padding-top: 30px;}
    .service-card {padding: 20px 15px;}
    .service-title {font-size: 20px; margin: 0 0 12px;}
    .service-icon{min-height: 50px;} 
    .service-icon img {max-width: 46px;min-height: auto;}
    /*=====service-section end =====*/ 

    /*===== service-company =====*/
    .service-company {padding-bottom: 50px;}
    .service-company-info {padding-right: 0; flex-wrap: wrap;}
    .service-company-info-left p {font-size: 15px; line-height: 20px;}
    .video-play {margin-top: 20px;}
    .video-play .icon {width: 40px;height: 40px;flex: 0 0 40px;line-height: 40px;font-size: 12px;margin-right: 20px;}
    .contact-withUs {padding: 20px 30px; flex-wrap: wrap;}
    .contact-withUs-title {font-size: 22px;}
    .contact-withUs-user{flex: 0 0 100%;margin-bottom: 5px;max-width: 100%;}
    /*===== service-company =====*/

    /*=====case-studies=====*/ 
    .case-studies .owl-dots {margin: 50px auto 0;}
    .case-studies {padding-top: 40px;}
    .case-studies-graphic{top: -42px;}
    .case-studies-graphic img {max-width: 120px;}
    .case-studies-graphic-bottom {bottom: -90px;right: 10px; width: 120px;}
    .item-info h4 {font-size: 21px;}
    .case-studies-card-info {padding: 20px;}
    /*=====case-studies end=====*/ 

    /*=====feachered-services =====*/ 
    .feachered-services {padding-top: 40px;padding-bottom: 40px;}
    .feachered-services-info h4 {font-size: 20px;margin-bottom: 10px;}
    .feachered-services-card i {width: 45px;flex: 0 0 45px;}
    .feachered-services-card i img {max-width: 40px;}
    .services-btn {margin-top: 20;}
    .feachered-services-card {padding: 15px;margin-bottom: 10px;}
    /*=====feachered-services end =====*/ 

    /*=====testimonials =====*/ 
    .testimonials {padding-top: 0;padding-bottom: 40px;}
    .testimonials-slider-card p {font-size: 15px;margin-bottom: 15px;padding: 0 15px;}
    .item-icon {font-size: 47px;}
    .testimonials-title small {font-size: 14px;}
    .testimonials-title {font-size: 20px;}
    .testimonials-slider .owl-dots {margin-top: 12px;}
    .testimonials-slider .owl-dots .owl-dot {height: 10px;width: 10px;} 
    /*=====testimonials =====*/ 

    /* quote */
    .quote-section {padding: 20px 0;}
    .quote-disc {font-size: 20px;}
    .quote-btn .btn-custom { padding-left: 30px; padding-right: 30px;}  
    /* quote */
    /*=====contact us =====*/ 
    .contact-us-block .heading-col {padding-bottom: 0;}
    .contact-us-block {padding-top: 30px; padding-bottom: 30px;}
    .card-contact {margin-bottom: 20px;}    
    .contact-map {padding-top: 30px;}
    .contact-map iframe {min-height: 300px;}
    /*=====contact us end=====*/ 

    /*===== footer =====*/
    .ftr-logo-img {max-width: 120px;}
    .ftr-logo p {margin: 12px 0 20px;}
    .ftr-title {font-size: 21px;  margin-bottom: 10px;}
    .ftr-top {padding: 40px 0 0;}
    .newsletter-ftr-box {margin-left: 0; margin-right: 0; max-width: 100%;}
    .official-ftr-box {max-width: 100%;margin-left: 0;}
	.newsletter-btn{height:55px;}
    /*===== footer end =====*/ 

    /*=====middle-section=====*/
    .middle-section{padding-top: 30px; padding-bottom: 30px;}
    /*=====middle-section=====*/

    /*=====service page =====*/  
    .service-middle-section {padding-bottom: 0;}
    /*=====service page =====*/ 

    /*=====blog page=====*/
    .blog-card-title {font-size: 22px;}
    .blog-card {margin-bottom: 20px;}
    .widget-title {font-size: 20px;}
    .entry-meta-icon {font-size: 13px; margin-right: 8px;}
    .blog-entry-meta ul li {padding-right: 20px; margin-bottom: 5px;}
    .widget {margin-bottom: 25px;}
    .widget.widget_categories {margin-bottom: 15px;}
    .widget.widget-archice {margin-bottom: 15px;}
    .widget.widget-gallery {margin-bottom: 15px;}
    .recent-posts-img img {height: 60px;}
    .contact-form.comment-form {padding: 2px 20px 20px}
    .comment-form .form-group {margin-bottom: 15px;}
    .comment-title {margin-bottom: 25px;}
    .single-post .comment-form h2.comments-title {margin-top: 15px; }
    /*=====blog page end=====*/ 

    /*=====aboutus page=====*/
    .our-history-section {padding: 40px 0;}
    .about-heading {font-size: 26px;}
    .about-heading-text {font-size: 16px;}
    .about-contain-box {padding-bottom: 20px;}
    .about-tab {margin-bottom: 15px;}
    .about-tab .nav-link.active, .about-tab .nav-link {font-size: 15px;}
    .about-card-info {margin: -50px 15px 0; padding: 15px 10px;}
    .about-card-desc h3 {font-size: 20px;}
    .about-image img {border-radius: 10px;}
    .about-card-info {border-radius: 10px;}
    .our-history-inner {padding-top: 30px;padding-bottom: 30px;} 
    .our-history-box {margin: 15px auto;}
    /*=====aboutus page end=====*/
   
    /*=====service page =====*/
    .feachered-services-card.services-list-card .feachered-services-info {padding: 20px;}
    .services-link ul li a {padding: 12px 15px 10px; font-size: 16px;}
    .services-link ul li a:hover { padding-left: 26px;}
    h4.services-dtl-title{font-size: 26px;}
    .help-box-caption span {font-size: 25px;}           
    .contact-text {font-size: 35px; padding: 12px 0 20px;}
    .help-box .btn-custom {font-size: 18px; width: 200px; line-height: 45px; height: 45px;} 
    /*=====service page end=====*/

    /*video-modal-dialog css*/
    .video-modal-dialog iframe.youtube-video {min-height: 250px;}
    /*video-modal-dialog css*/

    /* testimonial page css */
    .testimonail-media h3 {margin-bottom: 4px; font-size: 18px;} 
    .testimonail-box {padding: 20px; box-shadow: 0px 0px 20px rgba(0,0,0,0.08); height: calc(100% - 20px); margin-bottom: 20px;}
    .testimonail-img {width: 50px; height: 50px; border: 2px solid var(--primaryColor); margin-right: 15px;}
    .testimonail-media span {font-size: 15px;}
    .middle-testimonial{padding-bottom: 10px;}
    .rating {font-size: 14px;}
    .testimonail-media { margin-bottom: 15px;}  
    .comment-icon {font-size: 30px;}
    /* testimonial page css end*/
     
    /* protfolio page css*/ 

     .protfolio-heading {font-size: 25px;}
    .protfolio-dtl-card {padding: 20px; margin-bottom: 30px;}
    .protfolio-dtl-box {margin-bottom: 10px;  padding-bottom: 10px;}
    /* protfolio page css end*/  
    .cancel_reply {font-size: 14px; padding: 13px 20px;}  
    .comment-reply-link {height: 40px; line-height: 40px; padding: 0px 25px;}
    .single-post .comment-respond .comment-reply-title {
        font-size: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .single-post .comment-form h2.comments-title {font-size: 25px;}
}
    
@media screen and (max-width:600px) {  
  .case-studies-card{width:100%;}
}

@media screen and (max-width:575px){
    /*===== quote =====*/
    .quote-section {text-align: center;}
    .quote-disc {flex: 0 0 100%; max-width: 100%;}
    .quote-btn{margin: 15px auto 0;}
    /*===== quote end =====*/

    /*===== service-company =====*/
    .contact-withUs {border-radius: 20px; padding: 20px}
    .contact-withUs-outer:before { border-radius: 20px; background-color: #ccd3de;}
    .contact-withUs-title { flex: 0 0 100%; text-align: left; margin-bottom: 15px;}
    /*===== service-company end=====*/
    .banner-inner .banner-caption {padding: 0px 15px;}
}
   
@media screen and (max-width:359px){
    /*===== header=====*/
    .top-bar {font-size: 12px;}
    .location {font-weight: 700;  font-size: 12px;}  
    .location i {font-size: 14px;}
    /*===== header =====*/
}