@media screen and (max-width: 1350px) {
    .navbar-nav .nav-link{
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .banner-content h1 {
        font-size: 80px;
    }
}
@media screen and (max-width: 1084px) and (min-width: 480px) {

    :root {
        --blue: #337CCF;
        --black: #040D12;
     }
     .container, .container-md, .container-sm {
        max-width: 850px !important;
    }
     .tab-6 {
        width: 50% !important;
    }
    .tab-dnone{
        display: none;
    }
    .tab-dblock{
        display: block !important;

    }
    .banner-img-2{
        height: 450px;
    }

    /* .tab-4{
        width: 33% !important;
    } */
    .banner-content h1{
        color: var(--black);
        font-size: 35px;
        font-style: normal;
        font-weight: 800;
        padding-bottom: 50px;
        letter-spacing: 0px;
        line-height: 45px;

    }
    .header-container{
        padding: 0 3%;
    }
    .banner-content-col{
        padding-top: 40px;
        padding-left: 20px !important;

    }
    .blog-content h2{
        text-decoration: none;

    }
    .site-logo{
        height: 50px;
    }
    /*.row{*/
    /*overflow: hidden;*/
    /*}*/
    .service-avatar{
        display: none;
    }
    .service-banner{
        padding: 75px 20px !important;
    }
    /* .blog-banner{
        padding: 50px 20px;
    } */
    .contact-banner{
        padding: 60px 20px;
    }
    .contact-icon-heading{
        font-size: 35px;

    }
    .contact-icon-section {
        padding: 20px 0;
    }
    /* .service-page-banner{
        padding: 50px 20px;
        background-position: left;
    } */
    .service-page-title{
        font-size: 50px;
    }
    .servicepage-title{
        font-size: 35px !important;
        line-height: 42px !important;
    }
    .contact-page-title{
        font-size: 35px !important;
        line-height: 45px !important;
    }
    .blog-page-title{
        font-size: 50px;
    }
    .feature-icon{
        left: 170px;
        top: 205px;
    }
    .feature-icon i {
        width: 40px;
        height: 40px;
        padding: 10px;
        font-size: 17px;
    }
    .feature-paragraph p{
        font-size: 12px;
    }
    .feature-container {
        margin-top: 70px;
    }
    .about-section {
        margin-top: 70px;
    }
    .about-image{
        text-align: center;
    }
    .about-us-image{
        width:  60% !important;
    }
    .big-circle img{
        left: 50px;
    }
    .small-circle img{
        /* width: 60%; */
    }
    /* .about-section>.row{
        flex-direction: column-reverse;
    } */
    .container.about-section.about-page-section.row{
        flex-direction: column-reverse;
    }
    .about-col-2{
        padding-top: 20px;
    }
    .about-image {
        padding: 100px 20px 5px 20px !important;
    }

    .about-content h2{
        font-size: 25px;
    }
    .about-content{
        padding: 0px;
    }
    .video-container{
      padding: 70px 10px;
    }
    .video-play-button:after{
        width: 90px;
        height: 90px;
    }
    .video-play-button:before{
        width: 90px;
        height: 90px;
    }
    .moving-text{
        padding: 30px 0px;
    }
    .service-container{
        padding: 70px 10px;
    }
    .testimonial-section{
        padding: 70px 10px;
    }
    .blog-section{
        padding: 70px 0;
    }
    .blog-content h2{
        font-size: 18px;
    }
    .single-feature{
        margin: 10px 0px;
    }
    .mobile-dnone{
        display: none !important;
    }
    .btn-theme{
        height: 50px;
    }
    .btn-theme::before {
        height: 50px;
    }
    .btn-theme::after {
        height: 30px;
    }
    .play-icon i {
        color: #D7D7D7;
        font-size: 16px;
        width: 50px;
        height: 50px;
        background-color: #FFF;
        padding: 18px;
        border-radius: 50%;
        text-align: center;
    }
    .play-icon {
        text-align: right;
        position: relative;
        top: 25px;
        right: 8%;
    }
    .video-section {
        padding: 150px 11px;
    }
    .video-play-button{
        right: 20%;
    }
    .moving-text marquee {
        font-size: 35px;
    }
    .service-heading h2 {
        font-size: 25px;
    }
    .feature-heading h2{
        font-size: 16px;
    }
    .feature-heading{
        height: 50px;
        padding: 15px;
    }
    .single-service {
        padding: 25px;
        margin: 10px 0px;
        
    }
    .testimonial-text p {
        font-size: 17px;
        line-height: 30px;
        padding-top: 20px;
    }
    .footer-top-bar-button{
        display: flex;
        justify-content: center;
    }
    .footer-top-bar{
        padding: 25px 0px;
    }
    .footer-social-icon i{
        padding: 10px 7px;
    }
    .footer-social-icon{
        justify-content: center;
    }
    .copyright-date{
        padding: 20px 0;
        text-align: center;
    }
    .about-banner,  .service-page-banner{
        padding: 60px 20px;
        background-image: none;
        background-color: #D2E5F6;
        /* background-size: cover;
        background-position: left; */
        /* margin-top: 00px; */
    }
    .page-title {
        font-size: 35px;
        line-height: 45px;
    }
    .contact-section-heading {
        font-size: 30px;
    }
    .contact-icon-text{
        width: 650px;
    }
    .mobile-30{
        width: 30% !important;
    }
    .mobile-70{
        width: 70% !important;
    }
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{
        display: flex;
        justify-content: flex-end !important;
    }
    .form-row.row>.col-lg-6{
        padding: 10px 10px;
    }
    .form-row.row {
    padding: 0px;
    }
    div#navbarSupportedContent {
        position: absolute;
        top: 80px;
        background: #fff;
        width: 450px;
        max-width: 157%;
        right: -12px;
    }
    .owl-prev { left: -30px !important; }
    .owl-next { right: -20px !important; }
    .footer-top h2{
        text-align: center;
        font-size: 20px;
    }
    div#staticBackdrop {
        --bs-modal-margin: 0px !important;
        --bs-modal-border-radius: 0;
        --bs-modal-border: none;
        --bs-modal-border-color: #fff;
    }
    .modal-footer{
        justify-content: flex-start !important;
    }
    .modal-dialog-scrollable .modal-content{
        height: 100%;

    }
    .modal-dialog{
        max-width: 100% !important;
    }
    ul.mobile-nav{
        padding: 0px;
        list-style: none;

    }
    ul.mobile-nav li {
        font-size: 15px;
        color: var(--black);
        padding: 10px 5px;
    }
    button.accordion-button.collapsed {
        padding: 10px 5px;
    }
    .accordion-item.headerpopup{
        border: none;
    }
    ul.dropdown-menu {
        width: 100%;
        border: none;
        padding: 0;
        position: relative;
        background-color: #D2E5F6;
    }
    ul.pop-contact{
        list-style: none;
        padding: 0px;
    }
    ul.pop-contact li{
        font-size: 15px;
        color: var(--black);
        padding: 10px 5px;
    }
    ul.pop-contact i{
        font-size: 15px;
        color: var(--blue);
        padding: 0px 10px 0 0;

    }
    .modal-content.pop-up-content-header{
        background-color: #D2E5F6;
        border: none;
    }
    .pop-up-header-contact h2 {
        color: var(--black);
        font-size: 25px;
        font-weight: 600;
    }
    .navbar-toggler:focus{
        box-shadow: none !important;
    }
    button.navbar-toggler {
        border: none;
    }
    .second-footer-toggle ul, .first-footer-toggle ul {
        transition: all 2s ease-in-out;
    }
    /* .first-footer-toggle ul {
        display: none;
    }
    .second-footer-toggle ul{
        display: none;
    } */
    /* .second-footer-toggle h2::after, .first-footer-toggle h2::after {
        content: "\f107";
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        right: 90px;
        font-size: 15px;
        position: absolute;
        transition: all 2s ease-in-out;
    } */
    .first-footer-toggle.active ul {
        display: block;
    }
    .second-footer-toggle.active ul{
        display: block;
    }

    /* .second-footer-toggle.active h2::after, .first-footer-toggle.active h2::after {
        content: "\f106";
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        right: 90px;
        font-size: 15px;
        position: absolute;
    } */
    .footer-heading-title{
        font-size: 18px;
    }
    .footer-about-company h3 {
        font-size: 18px;
    }
    .footer-about-company p{
        font-weight: 400;
    }
    .footer-social-icon i {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    /* footer .main-footer .row div:nth-child(1){
        order: 1;

    }
    footer .main-footer .row div:nth-child(2) {
        order: 3;
    }
    footer .main-footer .row div:nth-child(3){
        order: 4;
    }
    footer .main-footer .row div:nth-child(4){
        order: 2;
    } */
    /* .order-sm-12{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    } */
    /* .order-sm-8{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    } */
    /* .order-sm-10{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    } */
    .order-sm-6{
        /* border-bottom: 1px solid #ffffff69; */
        padding-bottom: 15px;
        margin-bottom: 28px;
    }

  }

@media screen and (max-width: 768px) and (min-width: 480px) {
    iframe.map-contact{
        margin-right: 0px !important;
        
    }
    .first-footer-toggle ul {
        display: none;
    }
    
    .second-footer-toggle ul{
        display: none;
    }    .first-footer-toggle ul {
        display: none;
    }
    .second-footer-toggle ul{
        display: none;
    }
        .second-footer-toggle h2::after, .first-footer-toggle h2::after {
        content: "\f107";
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        right: 90px;
        font-size: 15px;
        position: absolute;
        transition: all 2s ease-in-out;
    }
    .first-footer-toggle.active ul {
        display: block;
    }
    .second-footer-toggle.active ul{
        display: block;
    }

    .second-footer-toggle.active h2::after, .first-footer-toggle.active h2::after {
        content: "\f106";
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        right: 90px;
        font-size: 15px;
        position: absolute;
    }
        footer .main-footer .row div:nth-child(1){
        order: 1;

    }
    footer .main-footer .row div:nth-child(2) {
        order: 3;
    }
    footer .main-footer .row div:nth-child(3){
        order: 4;
    }
    footer .main-footer .row div:nth-child(4){
        order: 2;
    }
        .order-sm-12{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
    .order-sm-8{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
    .order-sm-10{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
}

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

    :root {
        --blue: #337CCF;
        --black: #040D12;
     }
         iframe.map-contact{
        margin-right: 0px !important;
        
    }
     .tab-4{
        width: 100% !important;
    }
    .about-us-image{
        width: 100% !important;
    }
    .tab-6 {
        width: 100% !important;
    }
    .banner-content h1{
        color: var(--black);
        font-size: 35px;
        font-style: normal;
        font-weight: 800;
        padding-bottom: 50px;
        letter-spacing: 0px;
        line-height: 45px;

    }
    .header-container{
        padding: 0 3%;
    }
    .banner-content-col{
        padding-top: 40px;
        padding-left: 20px !important;

    }
    .blog-content h2{
        text-decoration: none;

    }
    .site-logo{
        height: 50px;
    }
    /*.row{*/
    /*overflow: hidden;*/
    /*}*/
    .service-avatar{
        display: none;
    }
    .service-banner{
        padding: 60px 20px !important;
    }
    /* .blog-banner{
        padding: 50px 20px;
    } */
    .contact-banner{
        padding: 60px 20px;
    }
    .contact-icon-heading{
        font-size: 35px;

    }
    .contact-icon-section {
        padding: 20px 0;
    }
    /* .service-page-banner{
        padding: 50px 20px;
        background-position: left;
    } */
    .service-page-title{
        font-size: 50px;
    }
    .servicepage-title{
        font-size: 35px;
        line-height: 42px;
    }
    .contact-page-title{
        font-size: 35px;
        line-height: 45px;
    }
    .blog-page-title{
        font-size: 50px;
    }
    .feature-icon{
        left: 265px;
        top: 200px;
    }
    .feature-container {
        margin-top: 70px;
    }
    .about-section {
        margin-top: 70px;
    }
    .about-section>.row{
        flex-direction: column-reverse;
    }
    .container.about-section.about-page-section.row{
        flex-direction: column-reverse;
    }
    .about-col-2{
        padding-top: 20px;
    }
    .about-image {
        padding: 100px 20px 5px 20px !important;
    }

    .about-content h2{
        font-size: 25px;
    }
    .about-content{
        padding: 0px;
    }
    .video-container{
      padding: 70px 10px;
    }
    .moving-text{
        padding: 30px 0px;
    }
    .service-container{
        padding: 70px 10px;
    }
    .testimonial-section{
        padding: 70px 10px;
    }
    .blog-section{
        padding: 70px 0;
    }
    .single-feature{
        margin: 10px 0px;
    }
    .mobile-dnone{
        display: none !important;
    }
    .btn-theme{
        height: 50px;
    }
    .btn-theme::before {
        height: 50px;
    }
    .btn-theme::after {
        height: 30px;
    }
    .play-icon i {
        color: #D7D7D7;
        font-size: 16px;
        width: 50px;
        height: 50px;
        background-color: #FFF;
        padding: 18px;
        border-radius: 50%;
        text-align: center;
    }
    .play-icon {
        text-align: right;
        position: relative;
        top: 25px;
        right: 8%;
    }
    .video-section {
        padding: 150px 11px;
    }
    .video-play-button{
        right: 20%;
    }
    .moving-text marquee {
        font-size: 35px;
    }
    .service-heading h2 {
        font-size: 25px;
    }
    .feature-heading h2{
        font-size: 18px;
    }
    .feature-heading{
        height: 50px;
        padding: 15px;
    }
    .single-service {
        padding: 25px;
        margin: 10px 0px;
        text-align: center;
    }
    .testimonial-text p {
        font-size: 17px;
        line-height: 30px;
        padding-top: 20px;
    }
    .footer-top-bar-button{
        display: flex;
        justify-content: center;
    }
    .footer-top-bar{
        padding: 25px 0px;
    }
    .footer-social-icon i{
        padding: 10px 7px;
    }
    .footer-social-icon{
        justify-content: space-around;
    }
    .copyright-date{
        padding: 20px 0;
        text-align: center;
    }
    .about-banner, .service-page-banner{
        padding: 60px 20px;
        background-image: none;
        background-color: #D2E5F6;
        /* background-size: cover;
        background-position: left; */
        /* margin-top: 00px; */
    }
     .blog-banner{
        padding: 60px 20px;
        background-size: cover;
        background-position: left;
    }
    .page-title {
        font-size: 35px;
        line-height: 45px;
    }
    .contact-section-heading {
        font-size: 30px;
    }
    .contact-icon-text{
        width: 350px;
    }
    .mobile-30{
        width: 30% !important;
    }
    .mobile-70{
        width: 70% !important;
    }
    .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{
        display: flex;
        justify-content: flex-end !important;
    }
    .form-row.row>.col-lg-6{
        padding: 10px 10px;
    }
    .form-row.row {
    padding: 0px;
    }
    div#navbarSupportedContent {
        position: absolute;
        top: 80px;
        background: #fff;
        width: 450px;
        max-width: 157%;
        right: -12px;
    }
    .owl-prev { left: -30px !important; }
    .owl-next { right: -20px !important; }
    .footer-top h2{
        text-align: center;
        font-size: 20px !important;
    }
    div#staticBackdrop {
        --bs-modal-margin: 0px !important;
        --bs-modal-border-radius: 0;
        --bs-modal-border: none;
        --bs-modal-border-color: #fff;
    }
    .modal-footer{
        justify-content: flex-start !important;
    }
    .modal-dialog-scrollable .modal-content{
        height: 100%;
    }
    .modal-dialog{
        max-width: 100% !important;
    }
    ul.mobile-nav{
        padding: 0px;
        list-style: none;

    }
    ul.mobile-nav li {
        font-size: 15px;
        color: var(--black);
        padding: 10px 5px;
    }
    button.accordion-button.collapsed {
        padding: 10px 5px;
    }
    .accordion-item.headerpopup{
        border: none;
    }
    ul.dropdown-menu {
        width: 100%;
        border: none;
        padding: 0;
        position: relative;
        background-color: #D2E5F6;
    }
    ul.pop-contact{
        list-style: none;
        padding: 0px;
    }
    ul.pop-contact li{
        font-size: 15px;
        color: var(--black);
        padding: 10px 5px;
    }
    ul.pop-contact i{
        font-size: 15px;
        color: var(--blue);
        padding: 0px 10px 0 0;

    }
    .modal-content.pop-up-content-header{
        background-color: #D2E5F6;
        border: none;
    }
    .pop-up-header-contact h2 {
        color: var(--black);
        font-size: 25px;
        font-weight: 600;
    }
    .navbar-toggler:focus{
        box-shadow: none !important;
    }
    button.navbar-toggler {
        border: none;
    }
    .second-footer-toggle ul, .first-footer-toggle ul {
        transition: all 2s ease-in-out;
    }
    .first-footer-toggle ul {
        display: none;
    }
    .second-footer-toggle ul{
        display: none;
    }
    .second-footer-toggle h2::after, .first-footer-toggle h2::after {
        content: "\f107";
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        right: 15px;
        font-size: 15px;
        position: absolute;
        transition: all 2s ease-in-out;
    }
    .first-footer-toggle.active ul {
        display: block;
    }
    .second-footer-toggle.active ul{
        display: block;
    }

    .second-footer-toggle.active h2::after, .first-footer-toggle.active h2::after {
        content: "\f106";
        font-family: 'Font Awesome 5 Free';
        color: #fff;
        right: 15px;
        font-size: 15px;
        position: absolute;
    }
    .footer-heading-title{
        font-size: 18px;
    }
    .footer-about-company h3 {
        font-size: 18px;
    }
    .footer-about-company p{
        font-weight: 400;
    }
    .footer-social-icon i {
        width: 38px;
        height: 38px;
        font-size: 14px;
    }
    footer .main-footer .row div:nth-child(1){
        order: 1;

    }
    footer .main-footer .row div:nth-child(2) {
        order: 3;
    }
    footer .main-footer .row div:nth-child(3){
        order: 4;
    }
    footer .main-footer .row div:nth-child(4){
        order: 2;
    }
    .order-sm-12{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
    .order-sm-8{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
    .order-sm-10{
        border-bottom: 1px solid #ffffff69;
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
    .order-sm-6{
        /* border-bottom: 1px solid #ffffff69; */
        padding-bottom: 15px;
        margin-bottom: 28px;
    }
    .main-heading{
        padding-top: 10px;
    }
    .contact-box-row, .contact-box-row.first{
        padding: 0px;
    }
    .contact-icon-box{
        margin-top: 65px;
    }

    .row.main-heading{
        justify-content: center;
    }
    .row.contact-box-row{
        padding: 0px;
    }
    .footer-social-icon span{
        width: 40px;
        height: 40px;
    }
    .footer-social-icon span img{
        width: 20px;
        height: 20px;
    }
  }

  @media screen and (max-width: 320px) {
    .footer-social-icon span{
        width: 40px;
        height: 35px;
    }
  }