@media (min-width:992px) and (max-width:1200px){.logo-area a img{margin-top:20px;}
    .blog-content-heading{display:block;width:100%;}
    .blog-date{display:block;width:100%;}
    .blog-date span{text-align:left;display:block;padding-bottom:10px}
    .is-animate{bottom:22%;}
    .single-blog{height:auto;}
    .main-blog-content{position:absolute;margin:0;bottom:-60px;width:auto;left:0;right:0;}
    .single-blog:hover .main-blog-content{bottom:0;}
    .project-title-hover-box h6{font-size:16px;}
    .header-image-area1 .container {
        padding-left: 4%;
        padding-right: 4%;
    }
    .process-box{
        padding: 2px;
    }
    #testimonial{
        display: inline;
    }
    .industry-box a {
        color: #16364D!important;
    }

    .dot-list::after{
        display: none;
    }
    .dot-list::before{
        display: none;
    }
    .follow {
        padding-top: 63px;
    }
    .res-about{
        justify-content: unset;
    }
    .modal-xl {
        max-width: 87%!important;
    }
}
@media (min-width: 992px) {
    .upset {
        width: auto!important;
        margin-top: 21px!important;
    }

}

@media (max-width: 1670px) {
    #modal-content{
        padding: 0px 0px 0px 0px!important;
    }
    #quotemodal .modal-header {
        padding-top: 17px;
    }
    .upset{
        margin-top: unset!important;
    }
}
@media (min-width:768px) and (max-width:991px){
    .logo-area a img{margin-top:25px;}
    .intro-text h1{font-size:30px;}
    .intro-text h3{font-size:16px;}
    .main-menu ul li{margin-left:0px;}
    .main-menu ul li a {
        font-size: 17px;
        padding: 32px 7px;
    }
    .dot-list::after{
        display: none;
    }
    .dot-list::before{
        display: none;
    }
    .form-modal{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .upset{
        padding-bottom: 27px;
    }
    .contact_modal {
        max-width: 88%!important;
    }

    .img-modal{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .follow {
        padding-top: 63px;
    }
    .image-block img, .img-block img{
        width: 119%;
    }
    .res-about{
        justify-content: unset!important;

    }
    .s_one img{width: max-content;}
    .blog-filter li a{padding:10px 10px;}
    .logo-area a img{margin:25px 0;display:inline-block;-webkit-transition:.7s;-o-transition:.7s;transition:.7s;}
    .single-blog-mb{margin-bottom:30px}
    .blog-content-heading,
    .blog-content-heading{display:block;width:100%;}
    .blog-date{display:block;width:100%;}
    .main-blog-content,
    .related-blog-content{margin:0 20px;}
    .blog-date span{text-align:left;display:block;padding-bottom:10px}
    .single-project-gallary img{margin-bottom:10px;width:100%}
    .latest-post ol li .rpost-img{width:50px;height:50px;}
    .is-animate{bottom:22%;}
    .single-blog{height:auto;}
    .main-blog-content{position:absolute;margin:0;bottom:-60px;width:auto;left:0;right:0;}
    .single-blog:hover .main-blog-content{bottom:0;}
    .project-title-hover-box h6{font-size:16px;}
    .process-box{
        padding: 0px
    }

    .industry-box a {
        color: #16364D!important;
    }
    .responsive-close-icon{
        display: none;
    }
    .menu-mdlg{
        padding-left: 0px;
    }
    .btn-submit {
        margin-right: -52px;
        margin-left: 12px;
    }
    .logo-area a img {
        margin: 16px 21px;
    }
    .btn-submit a {
        font-size: 16px;
    }
    .main-contact{
        padding: unset;
    }
    .res-phone {
        padding-left: 19px;
    }

}
@media only screen and (min-width:320px) and (max-width:574px){#status{left:62%;}
    .margin-top-small{margin-top:30px}
    .margin-top-small-s{margin-top:20px}
    .margin-top-feature{margin-top:30px}
    .margin-top-project{margin-top:30px}
    .single-project-gallary img{margin-bottom:10px;width:100%}
    .project-grid-padright{padding-right:15px}
    .project-grid-padleft{padding-left:15px}
    .intro-text h1{font-size: 27px;}
    .intro-text h3{font-size:15px;}
    .job-over {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        margin-right: 13px;
    }
    .fas.fa-angle-down{display:none;visibility:hidden;}
    .mean-container .mean-nav ul li a{width:90%;}
    ul.dropdown li a:hover{color:#fff !important;}
    .sticky .logo-area a img{padding-top:0px;padding-bottom:0px;}
    .sticky .mean-container a.meanmenu-reveal{top:-8px;}
    .our-team .team-content::before{border-right:530px solid #fff;}
    .fas.fa-angle-down{display:none;}
    .blog-filter li a{padding:5px 5px;font-size:13px;}
    .single-blog-mb{margin-bottom:30px}
    .main-blog-content,
    .related-blog-content{margin:0 15px;bottom:80px;}
    .blog-date{display:block;width:100%;}
    .blog-content-heading,
    .blog-content-heading{display:block;width:100%;}
    .blog-date span{text-align:left;display:block;padding-bottom:10px}
    .section-title h2{font-size:28px;}
    .features-heading h2{font-size:30px;}
    .projects-img img{width:100%;}
    .single-project-image img{width:100%;}
    .border-right{border-right:1px solid transparent !important;}
    .contact-icon{margin-bottom:0;}
    #comments .comment-abs{position:absolute;display:inline-block;font-size:0;top:60px;left:65px;}
    #comments .commentlist .comment-body p{margin-top:35px;font-size:16px;}
    #comments .commentlist .comment-body{margin-left:70px;}
    #comments .commentlist .children{list-style:none;margin-left:60px;}
    .coming-soon-text a img{width:200px;}
    .coming-soon-text h1{font-size:25px;}
    ul.countdown li{width:65px;height:60px;margin-right:5px;line-height:60px;font-size:35px;}
    .coming-share a{font-size:20px;}
    .is-animate span{font-size:90px;}
    .is-animate{bottom:25.5%;}
    .defult-text h1{font-size:27px;}
    .green-content-box{display:block;}
    .green-content-box img{width:100px;}
    .green-content-box .scrollable-div{margin-top:10px;text-align:center;}
    .brand-item{height:auto;display:block;margin-bottom:15px;}
    .single-blog{height:auto;}
    .testimonial-content p{max-height:125px !important;}
    .main-blog-content{position:absolute;margin:0;bottom:-60px;width:auto;left:0;right:0;}
    .single-blog:hover .main-blog-content{bottom:0;}
    .project-title-hover-box{top:unset;}
    .project-title-hover-box{top:-500px;}
    .project-title-hover-box h6{font-size:30px;}
    .image-block img, .img-block img{
        width: 100%;
    }
    .contact_modal {
        max-width: 96%!important;
    }
    .formatting-box {
        margin-top: 23px!important;
    }
    .upset {
        padding-bottom: 25px;
    }
    .footer-bottom p {
        font-size: 18px;
        padding-top: 12px;
        margin-top: unset;
    }
/*    .input-outer-padding {
        width: 232px;
    }*/
    .margin-top-small,.margin-bottom-r {
        margin-left: 35px;
        margin-right: 35px;
    }
    .process-heading h2{
        font-size: 29px;
    }
    .process-box-res p{
        font-size: 16px!important;
    }
    .process-box-details h4
    {
        font-size: 23px!important;
    }

    .learnmore a {
        padding: 10px 10px;
        font-size: 13px;
    }

    .eminent-solution-heading h2 {
        font-size: 29px;
    }
    .btm-space a{
        font-size: 18px;
    }
    .ul_logo_content li img {
        max-width: 66px;
    }
    .industry-box a {
        color: #16364D!important;
    }
    .industry-box a {
        color: #16364D!important;
    }
    .main-navigation{
        background-color: #16364D;
    }
    .logo-area .logo_bw {
        display: block;
    }
    .logo-area .logo_color {
        display: none;
    }

    .content ul {
        opacity: 0;
        visibility: hidden;
    }
    .content.responsive {
        height: 100%;
        overflow-x: hidden;
        position: fixed;
        z-index: 9999999999;
        width: 100%;
        left: 0;
        top: 80px;
        background-color: white;
        transition: 0.5s;
        padding-top: 25px;
        display: block;
        transition: all .6s,padding-top 0s;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .main-menu ul .menu-li{
        display: inherit;
        border-bottom: 1px solid #E8E8E8;
        margin-left: 0;
    }
    .content{
        display: none;
    }

    .content.responsive ul {
        opacity: 1;
        visibility: visible;
    }
    .responsive-close-icon{
        display: none;
    }
    .main-menu ul li a{
        padding: 22px 11px;
        font-size: 18px;
        color: #16364D!important;
    }
    .menu-ul{
        padding: 21px;
    }
    .btn-submit{
        width: 100%;
    }
    .responsive_arrow{
        display: unset!important;
        -moz-transition: all 2s linear;
        -webkit-transition: all 2s linear;
        transition: all 0s linear;
    }
    .service-row{
        margin-left: unset;
    }
    .service-row .bb-btn{
        position: absolute;
        right: 0;
        top: 22px;
    }
    .data-ana{
        border-bottom: unset!important;
    }
    .main-menu ul li ul.dropdown{
        border-left: unset;
    }
    .dropdown li{
        border-bottom: unset!important;
    }
    .main-menu ul li ul.dropdown li a {
        padding: 12px 0px;
        font-size: 16px;
    }
    .main-menu ul li{
        margin-left: unset;
    }
    .responsive_arrow.down{
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .main-menu ul li ul.dropdown {
        top: 104%;
        opacity: 1;
        visibility: visible;
    }
    .backdrop{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }
    .backdrop.show {
        opacity: .8;
    }
    .main-navigation{
        z-index: 1041;
    }
    .btn-submit {
    /*    position: fixed;*/
    /*    bottom: 0;*/
        width: 92%;
    /*    margin-bottom: 7px;*/
    }
    .main-contact {
        display: unset;
        text-align: center;
        padding: 25px;
    }
    .contact-data {
        padding-top: 15px;

    }
    .main-contact ul li{
        font-size: 28px;
    }
    .main-contact ul p {
        font-size: 15px;
    }
}
@media only screen and (min-width:575px) and (max-width:767px) {
    .project-title-hover-box {
        top: -500px;
    }
    .job-over{
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .project-title-hover-box h6 {
        font-size: 40px;
    }
    .process-box-res p {
        font-size: 17px;
        margin: 4px 0 0;
        text-align: center;
    }
    .single-blog {
        height: auto;
    }
    .main-blog-content {
        position: absolute;
        margin: 0;
        bottom: -60px;
        width: auto;
        left: 0;
        right: 0;
    }
    .contact_modal {
        max-width: 85%!important;
    }

.form-group-contact {
    padding-right: 8px!important;
    padding-left: 9px!important;
}
    .image-block img, .img-block img{
        padding-bottom: 27px;
    }
    #quotemodal .modal-header h5 {
        font-size: 41px!important;
        text-align: center;
        margin-left: 18px;
    }
    .single-blog:hover .main-blog-content {
        bottom: 0;
    }

    .brand-item {
        height: auto;
        display: block;
        margin-bottom: 15px;
    }

    .green-content-box .scrollable-div {
        margin-top: 10px;
        text-align: center;
    }

    .green-content-box {
        display: block;
    }

    .green-content-box img {
        width: 100px;
    }

    #status {
        left: 55%;
    }
    .btm-space a{
        font-size: 20px!important;
    }

    .margin-bottom-r {
        margin-bottom: 30px
    }

    .margin-top-r {
        margin-top: 30px
    }


    .intro-text h3 {
        font-size: 16px;
    }

    .fas.fa-angle-down {
        display: none;
    }

    .sticky .logo-area a img {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .single-project-gallary img {
        margin-bottom: 10px;
        width: 100%
    }

    .blog-filter li a {
        padding: 10px 10px;
    }

    .single-blog-mb {
        margin-bottom: 30px
    }

    .section-title h2 {
        font-size: 28px;
    }

    .features-heading h2 {
        font-size: 30px;
    }

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

    .single-project-image img {
        width: 100%;
    }

    .border-right {
        border-right: 1px solid transparent !important;
    }

    .our-team .team-content::before {
        border-right: 570px solid #fff;
    }

    .is-animate span {
        font-size: 90px;
    }

    .is-animate {
        bottom: 25.5%;
    }

    .xs-text-center {
        text-align: center;
    }

    .xs-margin-20px-bottom {
        margin-bottom: 20px !important;
    }

    .industry-box a {
        color: #16364D !important;
    }

    .main-navigation {
        background-color: #16364D;
    }

    .logo-area .logo_bw {
        display: block;
    }

    .logo-area .logo_color {
        display: none;
    }

    .content ul {
        opacity: 0;
        visibility: hidden;
    }

    .content.responsive {
        height: 100%;
        overflow-x: hidden;
        position: fixed;
        z-index: 9999999999;
        width: 52.5%;
        top: 80px;
        background-color: white;
        padding-top: 25px;
        display: block;
        overflow-y: scroll;
        left: 0%;
        overflow-x: hidden;
        /*transform: translate(-100%, 0);*/
    }
    .main-menu ul .menu-li {
        display: inherit;
        border-bottom: 1px solid #E8E8E8;
        margin-left: 0;
    }
    .content {
        display: none;
    }

    .content.responsive ul {
        opacity: 1;
        visibility: visible;
    }

    .responsive-close-icon {
        display: none;
    }

    .main-menu ul li a {
        padding: 22px 11px;
        font-size: 19px;
        color: #16364D !important;
    }

    .menu-ul {
        padding: 21px;
    }

    .btn-submit {
        width: 100%;
    }

    .responsive_arrow {
        display: unset !important;
        -moz-transition: all 2s linear;
        -webkit-transition: all 2s linear;
        transition: all 0s linear;
    }

    .service-row {
        margin-left: unset;
    }

    .service-row .bb-btn {
        position: absolute;
        right: 0;
        top: 22px;
    }

    .data-ana {
        border-bottom: unset !important;
    }

    .main-menu ul li ul.dropdown {
        border-left: unset;
    }

    .dropdown li {
        border-bottom: unset !important;
    }

    .main-menu ul li ul.dropdown li a {
        padding: 12px 0px;
        font-size: 16px;
    }

    .main-menu ul li {
        margin-left: unset;
    }

    .responsive_arrow.down {
        -ms-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .main-menu ul li ul.dropdown {
        top: 104%;
        opacity: 1;
        visibility: visible;
    }

    .backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000;
    }

    .backdrop.show {
        opacity: .8;
    }

    .main-navigation {
        z-index: 1041;
    }

    .btn-submit {
    /*    position: fixed;*/
    /*    bottom: 0;*/
        width: 46%;
    /*    margin-bottom: 20px;*/
    }

    .main-contact {
        display: unset;
        text-align: center;
        padding: 42px;
    }

    .contact-data {
        padding-top: 15px;

    }

    .main-contact ul li {
        font-size: 28px;
    }

    .main-contact ul p {
        font-size: 16px;
    }

}
@media (max-width:1600px){
        .contact, .project, .about{
            height: 34vh !important;
        }
        .industry-box a {
            color: #16364D!important;
        }
        .contact-section {
            padding: 57px 0 !important;
        }
        .chatbot_img {
            height: 70px;
        }
    }
@media (max-width: 767px){
        .job-box{
            width: 100% !important;
        }
        .industry-box a {
            color: #16364D!important;
        }

        .bbtn-header {
            bottom: 11px;
            position: fixed;
        }
        .file-choose {
            margin-bottom: 24px;
        }
    .modal-open .modal{
        background-color: rgba(0, 0, 0, 0.7);
    }

        .btn-submit{
            bottom: 0;
            left: 19px;
            position: fixed;
        }
        .chatbot_img {
            height: 66px;
        }
        .title-heading h2 {
            font-size: 43px;
        }
        .title-heading .para-desc {
            font-size: 17px;
        }
        .about-heading h2, .mission-heading h2, .values-heading h2, .vision-heading h2, .who-heading h2
        {
            font-size: 40px;
        }
        .about-heading{

        }
    .form-group-contact {
        padding-right: 8px!important;
        padding-left: 9px!important;
    }

    .box-3 {
        text-align: center;
        padding: 42px 16px 23px 16px;
    }
    .view_more{
        display: unset;
    }
    .job-box-web {
        margin: 0px 15px 0px 15px;
    }
    .modal-header .close{
        padding: unset;
        margin: unset;
    }

    }
@media (max-width: 1024px){
        .job-box{
            width: calc(50% - 50px);
        }
        .process-box-res .number1{
            margin: 2% auto;
        }
        .process-box-res h4{
            margin: 0 auto!important;
        }
        .process-box-res .number2{
            margin: 2% auto;
        }
        .process-box-res .number2{
            margin: 2% auto;
        }
        .process-box-res .number3{
            margin: 2% auto;
        }
        .process-box-res .number4{
            margin: 2% auto;
        }
        .process-box-res .number5{
            margin: 2% auto;
        }
        .industry-box a {
            color: #16364D!important;
        }
    }
@media only screen and (max-width: 479px){
        .cm_block .col-sm-6 .img-fluid, .cm_block1 .col-sm-6 .img-fluid {
            /* max-width: 250px !important; */
        }
        .industry-box a {
            color: #16364D!important;
        }
    }
@media only screen and (max-width: 479px){

    }
@media (max-width: 767px){
    .cm_block .col-sm-6 .img-fluid, .cm_block1 .col-sm-6 .img-fluid {
        max-width: 360px;
    }
    .cm_block {
        padding: 20px 0 !important;
        height: auto !important;
    }
    .cm_block1{
        height: auto !important;
    }
    .cm_block::before {
        margin:38px 0 0 !important;
    }
    .industry-box a {
        color: #16364D!important;
    }
    .brand-item {
        display: flex;
        justify-content: space-around;
    }


}
@media (max-width: 767px){
        .ser_img .img-fluid {
            max-width: 350px !important;
            /* margin: 0 16% !important */
        }
        .retail-com-pos {
            position: relative;
            right: 0px !important;
        }
        .industry-box a {
            color: #16364D!important;
        }
        .upset{
            text-align: center;
        }
        .about-image {
            text-align: center;
            padding-top: 66px;
        }
        .res-img{
            order: 2;
        }
        .pl25{
            text-align: center;
        }
        .process-box-res .number1 {
            border: 2px solid #FF9083;
            color: #FF9083;
            background-color: #fff;
            border-radius: 50%;
        }
        .process-box-res .number2 {
            border: 2px solid #67E7EE;
            color: #67E7EE;
            background-color: #fff;
            border-radius: 50%;
        }
        .process-box-res .number3 {
            border: 2px solid #A8AAF0;
            color: #A8AAF0;
            background-color: #fff;
            border-radius: 50%;
        }
        .process-box-res .number4 {
            border-radius: 50%;
            border: 2px solid #FF9083;
            color: #FF9083;
            background-color: #fff;
        }
        .process-box-res .number5 {
            border-radius: 50%;
            border: 2px solid #67E7ED;
            color: #67E7ED;
            background-color: #fff;
        }
        .process-box-details {
            margin-top: 10px;
        }
    .process-box-details h4 {
        margin-top: -2%;
        font-size: 27px;
        font-weight: 600;
        color: #16364D;
        font-family: JostMedium;
        text-align: center;
    }
    .process-box-res p {
        font-size: 17px;
        margin: 4px 0 0;
        text-align: center;
    }
    .process-box-res {
        margin-bottom: 54px;
    }
    .dot-list::before{
        display: none;
    }
    .dot-list::after{
        display: none;
    }
    .follow{
        display: none;
    }
    .dots-process{
        display: none;
    }
    .follow1{
        display: none;
    }
}
@media (max-width: 1450px){
        .sec_cnt p {
            font-size: 16px;
            line-height: 28px;
            margin: 0 0 20px 0;
        }
        .sec_cnt p {
            font-size: 18px;
            line-height: 30px;
            font-weight: 300;
            margin: 0px 0 15px 0;
        }
        .sec_title {
            font-size: 30px;
            line-height: 38px;
        }
        .industry-box a {
            color: #16364D!important;
        }
    }
@media only screen and (min-width: 768px) {
        .responsive-menu-icon{
            display: none;
        }
        .bbtn-header{
            display: inline-block;
        }
    .process-box-res{
        display: none;
    }
    .about-1 p{
        text-align: left;
    }
    }
@media (max-width: 319px){
        .ul_logo_content li {
            flex: 0 0 50%!important;
            max-width: 50%!important;
        }
        .industry-box a {
            color: #16364D!important;
        }
        .main-navigation{
            background-color: #16364D;
        }
    .job-over {
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
        margin-right: 21px;
    }
    .footer-bottom p {
        font-size: 14px;
        padding-top: 12px;
        margin-top: unset;
    }
    .btn-contact a{
        font-size: 16px;
    }
    .content-btn .btn-contact {
        padding: 7px 16px 7px 16px;
    }
    .upset {
        padding-bottom: 25px;
    }
    #quotemodal .modal-header h5{
        font-size: 39px;
        margin-left: unset!important;
    }
    .contact_modal {
        max-width: 92% !important;
        margin-left: 17px;
    }
    .form-control {
        height: 43px !important;
        margin-bottom: 23px;
    }
    .modal-body {
        padding: 0px 9px 0px 9px!important;
    }
    .formatting-box {
        margin-top: 23px!important;
    }
        .logo-area .logo_bw {
            display: block;
        }
        .logo-area .logo_color {
            display: none;
        }
        .image-block img, .img-block img{
            width: 100%;
        }
        .about-heading h2, .mission-heading h2, .values-heading h2, .vision-heading h2, .who-heading h2{
            font-size: 35px;
        }
        .content ul {
            opacity: 0;
            visibility: hidden;
        }
        .content.responsive {
            height: 100%;
            overflow-x: hidden;
            position: fixed;
            z-index: 9999999999;
            width: 100%;
            left: 0;
            top: 80px;
            background-color: white;
            transition: 0.5s;
            padding-top: 25px;
            display: block;
            transition: all .6s,padding-top 0s;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        .main-menu ul .menu-li{
            display: inherit;
            border-bottom: 1px solid #E8E8E8;
            margin-left: 0;
        }
        .content{
            display: none;
        }
        .learnmore a {
            padding: 9px 9px;
            font-size: 12px;
        }

        .content.responsive ul {
            opacity: 1;
            visibility: visible;
        }
        .responsive-close-icon{
            display: none;
        }
        .main-menu ul li a{
            padding: 22px 11px;
            font-size: 16px;
            color: #16364D!important;
        }
        .menu-ul{
            padding: 21px;
        }
        .btn-submit{
            width: 100%;
        }
        .responsive_arrow{
            display: unset!important;
            -moz-transition: all 2s linear;
            -webkit-transition: all 2s linear;
            transition: all 0s linear;
        }
        .service-row{
            margin-left: unset;
        }
        .service-row .bb-btn{
            position: absolute;
            right: 0;
            top: 22px;
        }
        .data-ana{
            border-bottom: unset!important;
        }
        .main-menu ul li ul.dropdown{
            border-left: unset;
        }
        .dropdown li{
            border-bottom: unset!important;
        }
        .main-menu ul li ul.dropdown li a {
            padding: 12px 0px;
            font-size: 15px;
        }
        .main-menu ul li{
            margin-left: unset;
        }
        .responsive_arrow.down{
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }
        .main-menu ul li ul.dropdown {
            top: 104%;
            opacity: 1;
            visibility: visible;
        }
        .backdrop{
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1040;
            background-color: #000;
        }
        .backdrop.show {
            opacity: .8;
        }
        .main-navigation{
            z-index: 1041;
        }
        .btn-submit {
        /*    position: fixed;*/
        /*    bottom: 0;*/
            width: 92%;
        /*    margin-bottom: 7px;*/
        }
        .pointer i{
            display: none;
        }
        .main-contact {
            display: unset;
            text-align: center;
            padding: 17px;
        }
        .contact-data {
            padding-top: 15px;

        }
        .main-contact ul li{
            font-size: 28px;
        }
        .main-contact ul p {
            font-size: 14px;
        }
        .intro-text h1{
            font-size: 32px;
        }
        .intro-text h3 {
            font-size: 14px;
            letter-spacing: unset;
        }
    }