@media(min-width: 992px) and (max-width: 1199px) {
    header .navbar ul.navbar-nav li a.nav-link {
        font-size: 16px;
    }

    .banner-section .carousel-inner .carousel-caption .heading {
        font-size: 41px;
        font-weight: 700;
        color: var(--white-color);
    }

    .thrid-section .sub-heading {
        font-size: 38px;
    }

    .banner-section .carousel-inner .carousel-caption h5 {
        color: var(--grey-color);
        font-size: 38px;
        font-weight: 300;
    }

    .prodect-section button.owl-prev {
        top: 39%;
        left: -3px;
    }

    .prodect-section button.owl-next {
        top: 39%;
        right: -3px;
    }

    .mobile-desing-section .top-box .heading {
        color: #000000;
        font-size: 40px;
        font-weight: 400;
    }

    .mobile-desing-section {
        background: url(../images/setion-img.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 811px;
    }


    .meet-our-section .heading-1 {
        font-size: 47px;
    }

    .pricing-offers-section .row {
        /* align-items: center; */
        /* text-align: center; */
        justify-content: center;
    }

    .what-people-section {
        padding: 91px 0px;
    }

    section.stay-connected-section .row {
        align-items: center;
        text-align: center;
        justify-content: center;
        margin: 0px;
    }

    .stay-connected-section .box-row input {

        padding: 7px 31px;
    }

    .stay-connected-section .box-row button {
        /* background-color: #000000; */
        /* padding: 7px 111px 0px 19px; */
        font-size: 16px;
        font-weight: 400;
        color: var(--white-color);
        padding: 7px 81px;
    }

    footer p {
        font-size: 12px;
        font-weight: 300;
        line-height: 21px;
    }

    footer .icon-box a {
        margin: 0px 9px 0px 0px;
    }
}





@media(min-width: 768px) and (max-width: 991px) {
    .banner-section .carousel-inner .carousel-item img {
        object-fit: cover;
        height: calc(47vh - 0px);
        width: 100%;
    }

    .banner-section .carousel-inner .carousel-caption {
        top: 55%;
    }

    .banner-section .carousel-inner .carousel-caption h5 {
        font-size: 33px;
        font-weight: 300;
    }

    .banner-section .carousel-inner .carousel-caption .heading {
        font-size: 29px;
    }

    .banner-section .carousel-inner .carousel-caption p {
        font-size: 9px;
    }

    .icon-section {
        display: grid;
        margin-left: 28%;
    }

    .second-section .box {
        background: #26313c;
        margin-top: -41px;
        position: relative;
        padding-left: 0px;
        margin-right: 0px;
    }

    .second-section .box .img-box img {
        margin-top: 34px;
        align-items: center;
    }

    .second-section .box .heading {
        font-size: 18px;
        margin: 27px 0px 6px;
    }

    .second-section .box p {
        font-size: 13px;
        padding: 0px 32px 21px;
    }

    .second-section .seo-box img {
        margin-top: 50px;
    }

    .second-section .seo-box .heading {
        margin-top: 35px;
    }

    .second-section .seo-box p {
        font-size: 14px;
        text-align: center;
        color: #ffffff;
        margin: 0px;
        padding: 0px 33px 62px;
    }

    .thrid-section img {
        float: right;
        max-width: 100%;
    }

    .thrid-section .sub-heading {
        color: #000000;
        font-size: 34px;
        font-weight: 400;
        padding: 61px 0px 0px;
    }

    .thrid-section {
        background: url(../images/3.png);
        background-size: cover;
        background-repeat: no-repeat;
        /* position: relative; */
        margin-top: -145px;
        padding: 63px 0px;
    }

    .fifth-section {
        height: 351px;
    }

    .fifth-section .box {
        background: #26313c;
        width: 66px;
        height: 66px;
    }

    .fifth-section .box-headimg {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
    }

    .fifth-section p {
        font-size: 13px;
        font-weight: 300;
        line-height: 22px;
        color: var(--white-color);
    }

    .mobile-desing-section {
        height: 596px;
    }

    section.mobile-desing-section img {
        max-width: 100%;
    }

    .mobile-desing-section {
        margin-top: 35px;
    }

    .mobile-desing-section .top-box p {
        font-size: 14px;
    }

    .mobile-desing-section .top-box .heading {
        font-size: 29px;
    }

    .mobile-desing-section p {
        font-size: 14px;
    }

    .since-section {
        height: 181px;
    }

    .since-code {
        font-size: 75px;
    }

    .since-section p {
        color: var(--white-color);
        font-size: 11px;
        line-height: 19px;
        padding: 27px 0px;
    }

    section.meet-our-section .row {
        margin-bottom: 22px;
    }

    .meet-our-section h6 {
        color: #1fd7d9;
        font-size: 14px;
        font-weight: 300;
    }

    .meet-our-section .heading-1 {
        font-size: 35px;
        font-weight: 300;
        color: var(--black-color);
    }

    .meet-our-section p {
        color: var(--black-color);
        font-size: 14px;
        font-weight: 300;
        line-height: 21px;
    }

    .meet-our-section .row1 {
        height: 234px;
    }

    .pricing-offers-section {
        background: url(../images/img-section.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        height: 897px;
        display: flex;
        margin-top: -166px;
    }

    .pricing-offers-section ul {
        margin: 0px;
        padding: 7px 19px;
        list-style: none;
        text-align: left;
    }

    .pricing-offers-section .three-box a {
        color: #000000;
        font-size: 12px;
    }

    .pricing-offers-section ul li a {
        display: block;
        padding: 6px 0px;
    }

    .pricing-offers-section .three-box .btn {
        background: #1fd7d9;
        padding: 10px 35px;
        border-radius: 30px;
        margin-bottom: 29px;
    }

    .pricing-offers-section .row {
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .what-people-section {
        background: url(../images/two-img.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        padding: 58px 0px;
        /* height: 226px; */
    }

    .what-people-section .inner p {
        font-size: 16px;
        font-weight: 400;
        color: #ffffff;
        margin: 0px;
    }

    .what-people-section .inner h1 {
        color: var(--white-color);
        font-size: 43px;
        font-weight: 400;
    }

    .jon-section img {
        border-radius: 100%;
        object-fit: cover;
        width: 237px;
        height: 237px;
        margin-top: -65px;
        position: relative;
    }

    section.stay-connected-section .row {
        align-items: center;
        text-align: center;
        justify-content: center;
        margin: 0px;
    }

    .stay-connected-section .box-row input {
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color);
        padding: 5px 1px;
        border: none;
        outline: none;
        box-shadow: 0px 0px 3px #cdcdcd;
    }

    .stay-connected-section .box-row button {
        padding: 5px 51px;
    }

    footer .heading {
        font-size: 22px;
        font-weight: 400;
        color: var(--white-color);
    }

    footer p {
        font-size: 11px;
        font-weight: 300;
        line-height: 19px;
        color: var(--white-color);
        margin: 0px;
        margin-top: 15px;
    }

    footer li {
        list-style: none;
        padding: 3px 0px;
    }

    footer .icon-box a {
        font-size: 14px;
        color: var(--white-color);
        border-radius: 100%;
        border: 1px solid #ffffff;
        line-height: normal;
        padding: 7px;
        width: 29px;
        height: 29px;
        text-align: center;
        display: inline-block;
        line-height: 15px;
        margin: 0px 7px 0px 0px;
    }
}


@media(max-width: 767px) {

    .icon-section {
        display: grid;
        margin-left: -1%;
    }

    .banner-section .carousel-inner .carousel-caption h5 {
        color: var(--grey-color);
        font-size: 23px;
        font-weight: 300;
    }

    .banner-section .carousel-inner .carousel-caption .heading {
        font-size: 25px;
    }

    .banner-section .carousel-inner .carousel-caption p {
        font-size: 13px;
    }

    .inner-box {
        display: grid;
    }


    .second-section .seo-box {
        background: #3faadd;
        margin-top: 0px;
        position: relative;
        margin-bottom: 61px;
    }

    .second-section .box {
        margin-bottom: 21px;
    }

    /* ===== Mobile custom centering ===== */
    .top-bar .row {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .top-bar .row > div,
    .top-bar address,
    .top-bar .icon-top {
        text-align: center;
        justify-content: center;
        flex: 0 0 100%;
    }
    .top-bar .icon-top {
        margin-top: 5px;
        display: flex;
        justify-content: center;
    }
    .top-bar .icon-top a{
        margin:0 6px;
    }

    .top-bar .text-end{
        text-align:center !important;
        margin-top:5px;
        flex:0 0 100%;
    }
    .top-bar .text-end i{
        margin:0 6px;
    }

    header .navbar-collapse {
        text-align: center;
    }
    header .navbar-collapse .navbar-nav {
        flex-direction: column;
        align-items: center;
    }
    header .navbar-collapse .navbar-nav .nav-item {
        margin: 8px 0;
    }
    /* ===== Mobile full-screen nav ===== */
    header .navbar-collapse.show{
        position:fixed;
        top:170px; /* keep top bar + header visible */
        left:0;
        width:100%;
        height:calc(100vh - 120px);
        background:#ffffff;
        display:flex !important;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        padding-top:80px;
        overflow-y:auto;
        z-index:1050;
    }
    header .navbar-collapse.show .navbar-nav{
        width:100%;
        align-items:center;
    }
    header .navbar-collapse.show .navbar-nav .nav-link{
        font-size:20px;
        font-weight:600;
        padding:12px 0;
        color:#000000;
    }
    header .navbar-collapse.show .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        background:transparent;
        padding:0;
        box-shadow:none;
    }
    header .navbar-collapse.show .dropdown-menu .dropdown-item{
        color:#000000;
        font-weight:500;
        text-align:center;
    }

    /* custom hamburger toggler */
    .navbar-toggler{
        width:40px;
        height:34px;
        padding:6px;
        border:0;
        background:#3c3c3c;
        border-radius:4px;
    }
    .navbar-toggler-icon{
        background-image:url('../images/Untitled-2.png');
        background-size:20px 20px;
        background-repeat:no-repeat;
        background-position:center;
    }

    header .navbar-collapse.show + .navbar-toggler{
        position:fixed;
        top:15px;
        right:15px;
        z-index:1060;
    }
    /* ===== End custom ===== */


    .fifth-section .inner-box .one-box:before {
        content: '';
        position: absolute;
        top: 40px;
        /* left: 0; */
        width: 1px;
        height: 100%;
        background: #3faadd;
    }

    .fifth-section {
        height: auto;
    }

    .mobile-desing-section {
        height: auto;
    }

    .since-section {
        height: auto;
    }



    .meet-our-section .heading-1 {
        font-size: 41px;
        font-weight: 300;
        color: var(--black-color);
    }

    .meet-our-section p {
        color: var(--black-color);
        font-size: 13px;
        font-weight: 300;
        line-height: 21px;
    }

    .meet-our-section .row1 {
        background: #ffffff;
        height: auto;
    }




    .pricing-offers-section .last-input-box {

        width: 361px;
        display: flex;
        justify-content: space-between;
        padding: 0px;
        margin: 0 auto;
        cursor: pointer;
        margin: 15px 0px;
    }

    .pricing-offers-section .last-input-box button {
        background: #ffffff;
        border-radius: 27px;
        padding: 10px 15px;
        width: 33%;
        border: none;
    }

    .pricing-offers-section .inner-3 {
        margin-top: 35%;
    }

    .pricing-offers-section {
        height: auto;
        display: flex;
        margin-top: -50%;
    }

    .pricing-offers-section .row {
        justify-content: center;
    }

    .pricing-offers-section .three-box {
        margin: 25px 0px;
    }

    section.stay-connected-section .row {
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0px;
    }

    .stay-connected-section .box-row input {
        font-size: 14px;
        font-weight: 400;
        color: var(--black-color);
        padding: 4px 9px;
        border: none;
        outline: none;
        box-shadow: 0px 0px 3px #cdcdcd;
        width: 92%;
        margin: 0px 5px;
    }

    .stay-connected-section .box-row button {
        /* background-color: #000000; */
        /* padding: 7px 111px 0px 19px; */
        font-size: 16px;
        font-weight: 400;
        color: var(--white-color);
        padding: 5px 19px;
        background-color: #cdcdcd;
        border-radius: 26px;
        border: none;
        box-shadow: 0px 0px 3px #cdcdcd;
        background: rgb(76, 151, 224);
        background: linear-gradient(90deg, rgba(76, 151, 224, 1) 11%, rgba(6, 203, 245, 1) 100%, rgba(12, 198, 243, 1) 100%);
    }

    .stay-connected-section .box-row {
        background: #ffffff;
        box-shadow: 0px 0px 5px #cdcdcd;
        /* height: 157px; */
        display: inline-flex;
        align-items: center;
        padding: 32px 0px;
        text-align: center;
        /* max-width: 100%; */
    }




}