.form-call-btn {
    display: none
}

@media screen and (max-width: 1680px) {
    /*.h1,h1 {
        font-size:55px;
        line-height: 65px
    }

    .h2,h2 {
        font-size: 40px;
        line-height: 50px
    }

    .h4,h4 {
        font-size: 20px;
        line-height: 20px
    }

    .p,a.simple-btn,p {
        font-size: 16px
    }

    .p,p {
        line-height: 26px
    }*/

    .nectar-button,a.nav-link.dropdown-toggle.has-children.header-btn.nectar-button.ml-5.text-dark span {
        font-size: 18px!important
    }

    ul.nav.nav-tabs-port li a {
        font-size: 14px!important
    }

    .home-third-sec ul.nav.nav-tabs-port li a {
        font-size: 12px!important;
        padding: 17px 20px!important
    }

    h2.packeg-price {
        font-size: 60px
    }

    .item-testi h4 {
        font-size: 20px!important;
        margin-bottom: 15px!important
    }

    p.testi-txt-discription {
        font-size: 13px!important;
        line-height: 23px!important
    }

    header.site-navbar nav.site-navigation ul.header-btn li a.header-btn:hover {
        background-size: 100% 60px
    }

    .nectar-button {
        padding: 10px 25px
    }

    .nectar-button:hover {
        background-position: 100% 45px
    }

    .nectar-button span {
        font-size: 14px!important
    }

    .hero a.nectar-button,a.nectar-button.call-btn {
        padding: 15px 20px
    }

    .megasubmenu.dropdown-menu {
        min-width: 600px
    }

    .dropdown-menu.show li.has-megasubmenu a.dropdown-item,.megasubmenu.dropdown-menu ul li a,header.site-navbar nav.site-navigation ul.header-btn li,header.site-navbar nav.site-navigation ul.header-btn li a,header.site-navbar nav.site-navigation ul.site-menu li a span {
        font-size: 14px!important;
    }

    .megasubmenu.dropdown-menu ul li a {
        padding: 25px 20px 25px 25px!important
    }

    header.site-navbar nav.site-navigation ul.header-btn li,header.site-navbar nav.site-navigation ul.header-btn li a,header.site-navbar nav.site-navigation ul.site-menu li a {
        padding: 5px 9px
    }

    header.site-navbar nav.site-navigation ul.header-btn li a.header-btn {
        padding: 10px 15px!important;
        border-radius: 10px
    }

    .end_solution {
        margin-top: -9.4%!important
    }

    .con {
        height: 680px!important;
        width: 680px!important
    }

    .banner-Rit_img {
        left: 45%!important
    }

    .item-testi img {
        width: 61px!important;
        height: 61px!important;
        margin: 0 37px;
        margin-bottom: 10px!important
    }

    #FridayFormPopup .modal-body .banner_form {
        padding: 20px 25px!important
    }

    #FridayFormPopup .modal-body .banner_form input,#FridayFormPopup .modal-body .banner_form textarea {
        padding: 15px 20px!important
    }

    #FridayFormPopup .modal-body .banner_form textarea {
        height: 130px
    }
}

@media screen and (max-width: 1600px) {
    header.site-navbar nav.site-navigation ul.header-btn li,header.site-navbar nav.site-navigation ul.header-btn li a,header.site-navbar nav.site-navigation ul.site-menu li a {
        padding:5px 2px
    }

    header.site-navbar nav.site-navigation ul.header-btn li a.header-btn {
        padding: 10px 15px!important;
        border-radius: 10px
    }

    a.nav-link.dropdown-toggle.has-children.header-btn.nectar-button.ml-5.text-dark span {
        font-size: 18px!important
    }

    .home-third-sec {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .site-navbar .site-navigation .site-menu>li>a>span {
        padding-left: 5px;
        padding-right: 5px
    }

    ul.header-btn i.fa.fa-phone {
        margin-left: 10px!important
    }

    nav.site-navigation ul.header-btn .nectar-button {
        padding: 10px 30px!important;
        margin-left: 20px!important
    }
}

@media screen and (max-width: 1440px) {
    .who-bg-padding-col {
        padding:28% 0!important
    }

    .nectar-button:hover {
        background-position-y: 51px
    }

    header.site-navbar nav.site-navigation ul.header-btn li,header.site-navbar nav.site-navigation ul.header-btn li a,header.site-navbar nav.site-navigation ul.site-menu li a {
        padding: 5px 2px;
        margin: 0!important
    }

    .megasubmenu.dropdown-menu ul li a {
        padding: 15px 10px 15px 10px!important;
    }

    .megasubmenu.dropdown-menu {
        padding: 25px 20px!important;
        min-width: 555px
    }

    .home-third-sec .fourth-sec {
        padding-left: 0!important;
        padding-right: 0!important
    }

    ul.header-btn i.fa.fa-phone {
        margin-left: 10px!important
    }

    ul.header-btn a {
        font-size: 16px!important
    }

    ul.nav.nav-tabs-port {
        width: 80%!important
    }

    .col-lg-5.col-md-12.py-5.ds-img {
        padding: 6% 0!important
    }

    .web_bulding.pt-5.pb-5 .row.pt-3.solution-cld {
        align-items: center
    }
}

@media screen and (max-width: 1366px) {
    a.nav-link.dropdown-toggle.has-children.header-btn.nectar-button.ml-5.text-dark span {
        font-size:15px!important
    }

    .site-navbar .site-navigation .site-menu>li>a>span {
        padding-left: 3px;
        padding-right: 3px;
        font-size: 13px!important
    }

    header.site-navbar nav.site-navigation ul.header-btn li a.header-btn {
        padding: 10px 13px!important;
        margin-left: 10px!important
    }

    /*body {
        overflow-x: hidden
    }
*/
    header.site-navbar nav.site-navigation ul.header-btn li,header.site-navbar nav.site-navigation ul.header-btn li a,header.site-navbar nav.site-navigation ul.site-menu li a {
        padding: 5px 1px
    }

    ul.header-btn li,ul.header-btn li a {
        font-size: 14px!important
    }

    h1.bann-hd1 {
        font-size: 50px;
        line-height: 60px!important
    }
}

@media screen and (max-width: 1280px) {
   /* .h1,h1 {
        font-size:45px;
        line-height: 55px
    }*/

    .con {
        height: 560px!important;
        width: 560px!important
    }

    .testiSlide ul.slick-dots {
        right: 15%
    }

    header.site-navbar nav.site-navigation ul.header-btn li,header.site-navbar nav.site-navigation ul.header-btn li a,header.site-navbar nav.site-navigation ul.site-menu li a span {
        font-size: 11px !important
    }

    .megasubmenu.dropdown-menu {
        padding: 20px 15px!important;
        min-width: 491px
    }

    .megasubmenu.dropdown-menu ul li a {
        padding: 14px 0 21px 13px!important
    }

    .dropdown-menu.show li.has-megasubmenu a.dropdown-item {
        padding: 15px!important
    }

    button.slick-prev.slick-arrow {
        left: -2%!important;
        z-index: 9
    }

    button.slick-next.slick-arrow {
        right: -2%!important
    }

    nav.site-navigation ul.header-btn .nectar-button {
        padding: 10px 15px!important;
        margin-left: 20px!important
    }

    .tab ul.nav.nav-tabs.justify-content-between {
        justify-content: center!important
    }

    ul.nav.nav-tabs li a,ul.nav.nav-tabs li a.active {
        padding: 10px 15px!important;
        font-size: 16px!important
    }

    .tab ul.nav.nav-tabs.justify-content-between li {
        margin-right: 10px!important
    }

    .col-lg-5.col-md-12.py-5.ds-img {
        padding: 10% 0!important
    }

    .who-bg-padding-col {
        padding: 30% 0!important
    }
}

@media screen and (max-width: 1199px) {
    .is-sticky span.fa.fa-bars:before {
        color:#000!important
    }

    span.fa.fa-bars.text-light.h2 {
        font-size: 28px!important
    }
}

@media screen and (max-width: 1024px) {
    .banner_form h4,.hero .h2,.hero h2 {
        font-size:20px!important
    }

    .home-third-sec .fourth-sec .container-fluid.px-5,.port-area ul#tab-links {
        padding-left: 10px!important;
        padding-right: 10px!important
    }

    .home-third-sec ul.nav.nav-tabs-port,.port-area ul#tab-links {
        overflow-x: scroll!important;
        white-space: nowrap!important;
        display: flex!important;
        margin: auto
    }

    .second-sec,.who-bg-padding-col {
        background-size: cover!important
    }

    .con {
        height: 480px!important;
        width: 480px!important
    }

    .home-third-sec ul.nav.nav-tabs-port li,.home-third-sec ul.nav.nav-tabs-port li a,ul#workOnTech,ul.keyfeatures-ul li:last-child .key-feature-box {
        margin-bottom: 0!important
    }

    .home-third-sec .container-fluid div#tab-section {
        overflow-x: hidden!important
    }

    .col-lg-7.col-md-12.pt-5.pt-md-2 h3.d-block.pt-5.aos-init.aos-animate,ul#portfolio_slider {
        padding: 0!important
    }

    .testimonail .slick-list.draggable {
        padding-top: 0!important
    }

    .testiSlide ul.slick-dots {
        right: 5%
    }

    .slick-slider {
        padding-left: 60px;
        padding-right: 60px!important
    }

    ul.nav.nav-tabs-port {
        width: 100%!important
    }

    .home-third-sec ul.nav.nav-tabs-port {
        width: 800PX!important;
        flex-wrap: nowrap!important;
        justify-content: space-between!important;
        background-color: #c7c8c9;
        border-radius: 15px 15px 0!important;
        padding: 15px!important
    }

    .dropdown-menu>li .megasubmenu .col-md-12,.megasubmenu.dropdown-menu {
        min-width: 100%!important
    }

    .dropdown-toggle::after {
        color: #000
    }

    .megasubmenu.dropdown-menu ul li a {
        padding: 5px!important;
        margin-bottom: 0!important;
        box-shadow: none!important;
        border-bottom: 1px solid #d7d7d7
    }

    .dropdown-menu.show {
        position: relative!important;
        top: 0!important;
        transform: none!important
    }

    /*button.slick-next.slick-arrow {
        right: 0!important
    }

    button.slick-prev.slick-arrow {
        left: 0!important
    }*/

    .item-testi {
        padding: 10px 5%
    }

    .dropdown-menu>li:hover .megasubmenu {
        position: relative!important;
        left: 0!important;
        width: fit-content!important;
        padding: 5px!important;
        display: block!important
    }

    /*.p br,.second-sec p br,.site-mobile-menu .site-nav-wrap .arrow-collapse,footer.main-footer .inner-footer p br,p br {
        display: none!important
    }*/

    .icon-menu:before {
        color: #fff!important
    }

    /*.h2,h2 {
        font-size: 35px!important;
        line-height: 45px!important
    }*/

    .card.services h4 {
        font-size: 18px!important;
        line-height: 28px!important
    }

    .second-sec.pb-5.pt-5 {
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    .h1,h1 {
        font-size: 30px;
        line-height: 40px!important
    }

    .hero .h2,.hero h2 {
        line-height: 30px!important
    }

   /* ul li p,ul li span {
        font-size: 16px!important;
        font-family: poppins!important;
        font-weight: 400!important
    }*/

    .hero {
        padding-top: 15%!important;
        padding-bottom: 11%!important
    }

    ul.keyfeatures-ul li .key-feature-box {
        padding-left: 3px;
        padding-right: 3px
    }

    .makit-hap.position-relative {
        background-size: 100% 100%!important;
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }

    .nectar-button {
        padding: 10px 25px!important
    }

    .contact-info {
        padding-top: 30px!important;
        padding-bottom: 30px!important
    }

    h4.font-size-md {
        font-size: 18px!important;
        line-height: 18px!important
    }

    h1.bann-hd1 {
        font-size: 40px;
        line-height: 50px!important
    }

    .port-area ul#tab-links {
        width: 550px!important;
        background-color: #333;
        flex-wrap: nowrap!important;
        border-radius: 10px!important;
        justify-content: space-between!important
    }

    .port-area ul#tab-links li {
        margin-right: 20px!important
    }

    .home-third-sec ul.nav.nav-tabs-port::-webkit-scrollbar,.port-area ul#tab-links::-webkit-scrollbar {
        width: 2px;
        background: #9999;
        height: 10px
    }

    .home-third-sec ul.nav.nav-tabs-port::-webkit-scrollbar-thumb,.port-area ul#tab-links::-webkit-scrollbar-thumb {
        background: #FF4400;
        border-radius: 10px
    }

    .col-lg-5.col-md-12.py-5.ds-img {
        padding: 13% 0!important
    }

    .web_bulding.pt-5.pb-5 .container .row.pt-3 {
        align-items: center
    }

    .who-bg-padding-col {
        padding: 37% 0!important
    }

    .megasubmenu {
        padding: 1rem
    }

    .clientslogo-ul li .key-feature-box img {
        margin: auto!important;
        display: table!important;
        position: relative;
        left: -30px
    }

    .is-sticky header.site-navbar.js-sticky-header img {
        MARGIN: AUTO
    }
}

@media all and (min-width: 992px) {
    .megasubmenu {
        left:100%;
        top: 0;
        min-height: 100%;
        min-width: 500px
    }

    .dropdown-menu>li:hover .megasubmenu {
        display: block
    }
}

@media screen and (max-width: 991px) {
    .bg-full-size,footer#main-footer {
        background-size:cover!important
    }

    .contact-form.py-5,.contact-form.py-5 .container.py-5,.plt_dev {
        padding-top: 0!important
    }

    .accordion {
        display: block
    }

    .home-third-sec a.nectar-button {
        margin: 0 auto 30px!important;
        display: table;
        font-size: 15px!important;
        font-weight: 600!important
    }

    ul#accordion {
        margin-top: 25px
    }

    .accordion .link h3 {
        font-size: 25px;
        margin: 0!important;
        line-height: 1!important;
        color: #fff!important
    }

    .accordion ul.ft-menu {
        padding: 15px 0 15px 15px!important
    }

    .foot-hd-area h3 {
        margin-top: 20px;
        margin-bottom: 0
    }

    .fifth-sec p br,.responsive-foo-menue {
        display: none!important
    }

    .plt_dev {
        text-align: center
    }

    .contact-info ul li {
        flex: 0 0 35%
    }

    ul.clientslogo-ul li {
        flex: 0 0 35%!important;
        margin-bottom: 20px
    }

    ul.keyfeatures-ul li {
        margin-bottom: 20px;
        flex: 0 0 21%;
        list-style: none
    }

    .contact-info ul li.border-after::after {
        content: none
    }

    .contact-info ul {
        flex-wrap: wrap!important;
        justify-content: center
    }

    .footer-menu:first-child ul {
        margin-right: 5px
    }

    .inner-copyright {
        flex-wrap: wrap;
        text-align: center;
        margin: auto;
        display: table
    }

    .txt-Wit-img-top-center,div#Section1 .col-lg-7 {
        margin-bottom: 30px!important
    }

    .seven-sec.logo-sec.py-3 .txt-wit-img {
        flex-wrap: wrap!important
    }

    .home-third-sec .txt-wit-img img {
        margin-top: 0!important
    }

    .seven-sec.logo-sec.py-3 ul.d-flex.align-items-center.m-0 {
        flex-wrap: wrap;
        justify-content: center!important;
        align-items: center;
        text-align: center
    }

    .seven-sec.logo-sec.py-3 .txt-wit-img .pl-4.text {
        text-align: center;
        width: 100%!important
    }

    .seven-sec.logo-sec.py-3 .txt-wit-img img {
        margin: 0 auto 20px
    }

    .txt-Wit-img-top-center {
        flex-wrap: wrap!important;
        justify-content: center!important
    }

    .txt-Wit-img-top-center img {
        display: block!important
    }

    .txt-Wit-img-top-center .text {
        width: 100%!important;
        text-align: center!important
    }

    .bg-dark-color-before::before,.bg-theme-color-before::before {
        top: 50%!important;
        left: 50%!important;
        transform: translate(-50%,-50%)!important;
        width: 200%!important;
        height: 100%!important
    }

    .card.services {
        top: 0!important;
        margin-bottom: 20px!important
    }

    .makit-hap.position-relative {
        text-align: center!important
    }

    .fifth-sec {
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    ul.nav.nav-tabs-port {
        justify-content: center!important
    }

    ul.nav.nav-tabs-port li {
        margin-right: 20px!important;
        margin-bottom: 5px
    }

    .bg-color-with-shadow::before {
        content: none!important
    }

    footer#main-footer {
        padding-top: 10%
    }

    ul.keyfeatures-ul li .key-feature-box {
        border-right: 0px!important
    }

    ul.keyfeatures-ul {
        justify-content: center
    }

    .hero .wpb_text_column.wpb_content_element {
        margin-bottom: 30px
    }

    .tab ul.nav.nav-tabs.justify-content-between {
        justify-content: left!important
    }

    .hero {
        padding-top: 15%;
        padding-bottom: 13%
    }

    /*.col-lg-5.col-md-12.py-5.ds-img {
        padding: 0!important;
        margin-top: 50px
    }
*/
    .contact-form.py-5 {
        background: 0 0!important
    }

    .row.py-3.align-items-center .col-lg-6.col-md-12.ml-5 {
        margin-left: 0!important
    }
}

@media screen and (max-width: 800px) {
    .hero {
        padding-top:23%!important;
        padding-bottom: 0!important
    }

    .home-third-sec ul.nav.nav-tabs-port {
        width: 600px!important
    }

    .copyright.mt-5 .justify-content-between {
        justify-content: center!important
    }

    /*div#testi-slider {
        padding-bottom: 10px
    }*/

    .custom_web_dev {
        padding-top: 20%!important
    }

    .hero.showcase.d-flex.align-items-center {
        background-size: cover
    }

    .web_bulding.py-5 .col-lg-5.col-md-12.pl-5 img {
        margin-left: 0!important
    }
}

@media screen and (max-width: 768px) {
    ul.portfolio-logoarea li {
        flex:0 0 100%;
        list-style: none;
        padding: 10px;
        overflow: hidden
    }

    .sixth-sec.testimonail.pt-5,.sixth-sec.testimonail.pt-5 .container-fluid.pt-5,.web_bulding .container.pt-5,.web_bulding p,.web_bulding.pt-5,.web_bulding.pt-5 .container-fluid.pt-5 {
        padding-top: 0!important
    }

    .web_bulding .nectar-button.mt-5 {
        margin-top: 0!important
    }

    .contact-form.py-5,.contact-form.py-5 .container.py-5,.cust_orean h2.text-light.pb-4 {
        padding-bottom: 0!important
    }

    .cust_orean ul.showcase-des-princ {
        text-align: left!important
    }

    h2.mb-5,p.mb-5.text-grey {
        margin-bottom: 10px!important
    }

    .pricing-testi-sec h2.mb-4 {
        margin-bottom: 0!important;
        padding-bottom: 20px!important
    }

    .inner-col-testi {
        padding: 10% 25%
    }

    .port-area .fourth-sec.pt-5,.txt-wit-img {
        padding-top: 10px!important
    }

    .second-sec .container-fluid p,.txt-wit-img {
        padding-bottom: 10px!important
    }

    .home-third-sec .fourth-sec .container-fluid.px-5,.second-sec .container-fluid,.web_bulding.pt-5 {
        padding-left: 30px!important;
        padding-right: 30px!important
    }

    .cust_orean .mb-5,.fifth-sec p,h2.mb-4 {
        margin-bottom: 0!important
    }

    .cust_orean .container.py-5,.cust_orean .row.py-5,.cust_orean.py-5 {
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        text-align: center
    }

    .second-sec .container-fluid {
        padding: 0 30px!important
    }

    .home-third-sec ul.nav.nav-tabs-port {
        width: 665px!important
    }

    .home-third-sec .fourth-sec .row.px-5 {
        padding: 0!important
    }

    ul.bann-btn {
        flex-wrap: wrap
    }

    ul.bann-btn li {
        margin-bottom: 20px
    }

    .pricing-testi-sec {
        background-size: cover!important
    }

    .third-sec {
        background-image: none!important;
        padding-right: 0!important
    }

    ul#menu-services-1 li {
        flex: 0 0 100%
    }

    ul.keyfeatures-ul li {
        flex: 0 0 100%;
        list-style: none
    }

    ul.keyfeatures-ul li .key-feature-box {
        flex-direction: column;
        margin-bottom: 30px
    }

    #main-footer {
        padding-top: 13%
    }
}

@media screen and (max-width: 690px) {
    .home-third-sec ul.nav.nav-tabs-port {
        width:580px!important
    }

    .ticklist li span {
        font-size: 16px!important
    }

    .home-third-sec.py-5.px-5 .container-fluid.px-5,.slick-slider {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .nectar-button:hover {
        background-position: 100% 54px
    }

    .header-txt {
        margin-top: 15px!important
    }

    .port-area ul#tab-links {
        width: 400px!important
    }

    .item-testi {
        padding: 10px 10% 10px 5%
    }

    .testiSlide ul.slick-dots {
        right: 0
    }

    h1.bann-hd1.mb-4 {
        margin-bottom: 10px!important
    }

    button.slick-next.slick-arrow,button.slick-prev.slick-arrow,h2 br {
        display: none!important
    }

    .contact-form.py-5,.last-sec.contact-home.pt-5.pb-5.mt-5 {
        padding-bottom: 6%!important;
        padding-top: 0!important
    }

    .inner-copyright {
        flex-wrap: wrap!important;
        justify-content: center!important
    }

    .testi_image {
        position: relative;
        left: 0
    }

    .testimonail .card {
        text-align: center!important
    }

    .testimonail .card img {
        margin-top: 10px!important
    }

    .testimonail .card .card-body {
        padding-right: 0!important;
        margin-right: 0!important;
        margin-top: 20px
    }

    /*.p,p {
        font-size: 16px;
        /* font-family: poppins; */
        font-weight: 400
    }*/

    .sixth-sec.testimonail div#testi-slider {
        padding-bottom: 50px
    }

    .sixth-sec.testimonail .slick-track {
        top: 0
    }

    .hero.company-banner-sec.d-flex.align-items-center p.aos-init.aos-animate {
        color: #c9c9c9
    }

    .text-wraper-bg-before.padding-15.pl-5.aos-init.aos-animate {
        padding-top: 5%;
        padding-bottom: 5%
    }

    .hero p {
        color: #c1c1c1
    }

    .web-section {
        background-color: #000;
        padding-top: 17%;
        padding-bottom: 4%
    }
}

@media screen and (max-width: 480px) {
    /*.h2,h1.bann-hd1,h2 {
        font-size:25px!important;
        line-height: 35px!important
    }*/

    h1.bann-hd1 {
        margin-bottom: 20px!important
    }

    .is-sticky .form-call-btn a.text-white {
        color: #000!important
    }

    .form-call-btn {
        display: block;
        margin-top: 10px
    }

    .form-call-btn ul.header-btn.m-0 {
        justify-content: center
    }

    .site-navbar .site-logo {
        text-align: center
    }

    .port-area ul#tab-links {
        width: 370px!important
    }

    .sixth-sec.testimonail div#testi-slider {
        padding-bottom: 0
    }

    .contact-info ul li a.nectar-button {
        width: 100%!important;
        text-align: center;
        margin-bottom: 20px!important
    }

    .third-sec {
        padding-top: 0!important
    }

    .contact-info ul {
        margin: 0!important;
        padding: 0 60px!important
    }

    .contact-info ul li {
        flex: 0 0 100%;
        margin: 0!important
    }

    .home-third-sec ul.nav.nav-tabs-port {
        width: 380px!important
    }

    .home-third-sec.py-5.px-5 .fourth-sec.py-5.px-5 .tab-content.tabs .txt-wit-img {
        flex-wrap: wrap;
        text-align: center!important
    }

    .home-third-sec.py-5.px-5 .fourth-sec.py-5.px-5 .tab-content.tabs a.nectar-button.mt-1.tab-btn-1 {
        margin: auto!important;
        display: table
    }

    .home-third-sec.py-5.px-5 .fourth-sec.py-5.px-5 .tab-content.tabs .wpb_text_column h2,.home-third-sec.py-5.px-5 .fourth-sec.py-5.px-5 .tab-content.tabs p,.home-third-sec.py-5.px-5 .fourth-sec.py-5.px-5 .tab-content.tabs p h2,.plt_dev p {
        text-align: center!important
    }

    .home-third-sec.py-5.px-5 .fourth-sec.py-5.px-5 .tab-content.tabs .wpb_text_column .pl-4.text {
        padding-left: 0!important
    }

    .home-third-sec.py-5.px-5 .container-fluid.px-5 .row.px-5 {
        padding: 0 20px!important
    }

    .custom_web_dev {
        padding-top: 33%!important
    }

    .contact-form.py-5 {
        background-image: none!important
    }

   /* .h2,h2 {
        font-weight: 600!important
    }*/

    header.site-navbar.js-sticky-header .container-fluid {
        padding-left: 20px!important;
        padding-right: 20px!important
    }

    header.site-navbar.js-sticky-header .container-fluid .row {
        padding: 0!important
    }

    .hero {
        padding-top: 42%!important;
        padding-left: 6%!important;
        padding-right: 8%!important
    }

    ul.bann-btn {
        flex-wrap: wrap!important
    }

    header.site-navbar.js-sticky-header .row {
        flex-wrap: nowrap!important;
        padding-left: 15px;
        padding-right: 15px
    }

    .nectar-button {
        padding: 10px 20px;
        font-size: 16px!important;
        position: relative!important;
        border-radius: 60px;
        font-weight: 600;
        font-family: poppins;
        display: inline-block
    }

    .third-sec .d-flex.justify-content-center.pb-5.mt-5 {
        padding-bottom: 0!important
    }

    ul.footer_icons li {
        margin-bottom: 10px
    }

    /*.h3,h3 {
        font-size: 20px!important;
        line-height: 30px!important
    }*/

    h2.packeg-price small,h5.pricing-title {
        font-size: 16px
    }

    h2.packeg-price {
        font-size: 50px!important
    }

    .web_bulding.py-5 .col-lg-5.col-md-12.pl-5 {
        padding-left: 0!important;
        padding-right: 0
    }

    .web_bulding.py-5 .col-lg-5.col-md-12.pl-5 img {
        margin: 0 auto!important
    }

    .container-fluid.py-4 .col-lg-6.col-md-12.ml-5 {
        margin-left: 0!important
    }

    .web-section {
        background-color: #000;
        padding-top: 30%;
        padding-bottom: 4%
    }

    .hero a.nectar-button,a.nectar-button.call-btn {
        font-size: 10px!important;
        padding: 10px!important
    }

    .nectar-button span {
        font-size: 13px!important
    }

    .home-third-sec a.nectar-button {
        font-size: 11px!important;
        padding: 10px 15px!important
    }

    #FridayFormPopup .modal-body .banner_form {
        padding: 20px 25px!important
    }

    #FridayFormPopup .banner_form textarea {
        height: 100px
    }

    #FridayFormPopup .close {
        color: #fff!important
    }
}

@media screen and (max-width: 414px) {
    .brandbox.box1 .order-chat ul li.live-chat button,.hero .h2,.hero h2 {
        font-size:16px!important
    }

    .home-third-sec ul.nav.nav-tabs-port,.port-area ul#tab-links {
        width: 300px!important
    }

    .form-call-btn ul.header-btn.m-0 a.header-btn.nectar-button.ml-5.text-dark span {
        font-size: 12px!important
    }

    .form-call-btn ul.header-btn.m-0 a.header-btn.nectar-button.ml-5.text-dark {
        margin-left: 30px!important
    }

    /*.h2,h2 {
        font-size: 20px!important
    }

    .h1,h1 {
        font-size: 20px;
        line-height: 30px!important
    }*/

    .nectar-button {
        padding: 10px;
        font-size: 14px!important;
        position: relative!important;
        border-radius: 60px;
        font-weight: 600;
        font-family: poppins;
        display: inline-block
    }

    /*.hero .h2,.hero h2 {
        line-height: 26px!important
    }*/

    /*ul li p,ul li span {
        font-size: 14px!important;
        font-family: poppins!important;
        font-weight: 400!important
    }*/

    /*.h2,h2 {
        line-height: 35px!important
    }*/

    .brandbox.box1 .order-chat ul li.order-btn-sec a {
        padding: 10px 15px;
        font-size: 16px!important;
        font-weight: 800
    }

    .web-section {
        background-color: #000;
        padding-top: 34%;
        padding-bottom: 4%
    }
}

@media screen and (max-width: 375px) {
    .hero a.nectar-button,a.nectar-button.call-btn {
        padding:8px 15px
    }

    /*h2.mb-5 {
        margin-bottom: 20px!important
    }
*/
    .home-third-sec ul.nav.nav-tabs-port {
        width: 275px!important
    }

    .ticklist li span {
        font-size: 13px!important
    }

    .hero .wpb_text_column h2 {
        margin-bottom: 0!important
    }

    .hero {
        padding-top: 50%!important
    }

    .web-section {
        background-color: #000;
        padding-top: 38%;
        padding-bottom: 4%
    }
}

@media screen and (max-width: 360px) {
    .brandbox.box1 .order-chat ul li.order-btn-sec a {
        padding:10px;
        font-size: 16px!important;
        font-weight: 800
    }

    .brandbox.box1 .order-chat ul li.live-chat button {
        font-size: 16px!important
    }
}

/*=======================*/
@media (min-width: 0px) and (max-width: 769px) {
    .portfolio-section ul li {
        display:block !important;
    }

    .main-combpwrp .imgwrp img {
        width: 70%;
        position: absolute;
        right: -40px;
        top: -160px;
    }

    .package-section .offset-2.bnnbnnbn {
        margin-left: 0 !important;
    }

    /*footer .col-md-10.offset-1.bnnbnnbn {
        margin-left: 0 !important;
    }*/
}