/* ==================== [ 1500px ] ==================== */
@media (min-width: 1600px) {

    /* ==================== [ Common Start ] ==================== */
    .container-fluid,
    .container {
        max-width: calc(1480px + 40px);
    }

    /* ==================== [ Common End ] ==================== */
}

/* ==================== [ 1599px ] ==================== */
@media (max-width: 1599px) {
    /* common style */
    h1, .h1{font-size: 60px;}
    h2, .h2{font-size: 58px;}
    /* common style */

    /* ==================== [ banner section Start ] ==================== */
    .banner-video-icon{width: 350px; margin-bottom: 30px;}
    .banner-absolute-image{left: -100px; width: 350px;}
    /* ==================== [ banner section End ] ==================== */

    /* ==================== [ plateform section Start ] ==================== */
    .plateform-item-detail{margin: 100px 0 0;}
    .plateform-section{padding: 100px 0;}
    /* ==================== [ plateform section End ] ==================== */

    /* ==================== [ location section Start ] ==================== */
    .location-bottom-left{width: 50%; height: 650px;}
    .location-bottom-right{width: 50%; height: 650px;}
    .location-mobile-map-image{max-width: 350px;}
    /* ==================== [ location section End ] ==================== */

    /* ==================== [ steps section Start ] ==================== */
    .steps-wrp{padding: 50px;}
    .steps-wrp-detail-block{margin: 130px 0 0;}
    .steps-wrp-chat-block{padding: 60px;}
    /* ==================== [ steps section End ] ==================== */

    /* ==================== [ testimonial Start ] ==================== */
    .testimonial-section {padding: 70px 0 120px 0;}
    /* ==================== [ testimonial End ] ==================== */

    /* ==================== [ footer ] ==================== */
    .footer-brand {margin-right: 180px;}
    .footer-top ul {gap: 70px;}
    /* ==================== [ footer ] ==================== */
}

/* ==================== [ 1499px ] ==================== */
@media (max-width: 1499px) {
     /* ==================== [ testimonial Start ] ==================== */
    .testimonial-title-block { margin-bottom: 68px; }
    .testimonial-title-block .sub-title { margin-bottom: 16px; }
    /* ==================== [ testimonial End ] ==================== */
}

/* ==================== [ 1399px ] ==================== */
@media (max-width: 1399px) {
    /* common style */
    h1, .h1{font-size: 54px;}
    h2, .h2{font-size: 52px;}
    /* common style */

    /* ==================== [ header Start ] ==================== */
    .navbar-nav .nav-item {padding-right: 20px;}
    .navbar-collapse { margin: 0 0 0 40px; }
    /* ==================== [ header End ] ==================== */

    /* ==================== [ banner section Start ] ==================== */
    .banner-video-icon{width: 250px; margin-bottom: 30px;}
    .banner-absolute-image{left: -100px; width: 350px;}
    .banner-left .common-detail *{font-size: 20px;}
    .banner-left .common-detail{max-width: 520px;}
    .banner-wrp-detail-title *{font-size: 30px;}
    /* ==================== [ banner section End ] ==================== */

    /* ==================== [ plateform section Start ] ==================== */
    .plateform-item-detail{margin: 70px 0 0;}
    .location-section{padding: 100px 0 0;}
    /* ==================== [ plateform section End ] ==================== */

    /* ==================== [ private section Start ] ==================== */
    .private-group-item{padding: 25px;}
    /* ==================== [ private section End ] ==================== */

    /* ==================== [ steps section Start ] ==================== */
    .steps-wrp{padding: 40px;}
    .steps-wrp-detail-block{margin: 100px 0 0;}
    .steps-wrp-chat-block{padding: 40px;}
    .steps-wrp-number *{font-size: 60px;}
    /* ==================== [ steps section End ] ==================== */

    /* ==================== [ testimonial Start ] ==================== */
    .testimonial-section {padding: 70px 0 100px 0;}
    .testimonial-title-block { margin-bottom: 60px; }
    .testimonial-title-block .sub-title { margin-bottom: 16px; }
    .slide-main {padding: 100px 48px 43px;}
    .custom-controls {margin-top: 40px;}
    /* ==================== [ testimonial End ] ==================== */

    /* ==================== [ pricing section Start ] ==================== */
    .pricing-section {padding: 80px 0 120px 0;}
    .pricing-card .pricing-card-title, .pricing-card-bigtitle {font-size: 20px;}
    .pricing-card sup, .pricing-card sub {font-size: 20px;}
    .pricing-card {padding: 30px 20px;}
    .pricing-title-box { margin-bottom: 58px; }
    .pricing-toggle { margin: 0 auto 98px auto;}
    /* ==================== [ pricing section End ] ==================== */

    
    /* ==================== [ meet section Start ] ==================== */
    .meet-section {padding: 120px 0 150px 0;}
    .meet-main {max-width: 626px;}
    /* ==================== [ meet section End ] ==================== */

    /* ==================== [ footer ] ==================== */
    .footer-brand {margin-right: 130px;}
    .footer-top ul {gap: 70px;}
    /* ==================== [ footer ] ==================== */
}

/* ==================== [ 1199px ] ==================== */
@media (max-width: 1199px) {
    /* common style */
    h1, .h1{font-size: 44px;}
    h2, .h2{font-size: 42px;}
    /* common style */

    /* ==================== [ header Start ] ==================== */
    button.navbar-toggler { border: none; display: flex; flex-direction: column; align-items: flex-end; }
    /* .navbar-brand img { filter: invert(1); -webkit-filter: invert(1); } */
    .navbar-toggler { border: none; background-color: transparent; position: absolute; z-index: 999999; right: 0; padding: 0; }
    .right-header { padding: 0 50px 0 0; z-index: 99; position: relative; }
    button.navbar-toggler span:last-child { margin: 0; width: 10.5px; }
    .navbar-toggler span:first-child { width: 17px; }
    .header-text-link{color: var(--white);}
    .header-text-link:hover{color: var(--purple);}
    .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: #000; transition: 0.5s; z-index: 99999; display: flex; flex-direction: column; justify-content: space-between; }
    .header-inner-btns { margin: 0 0 60px; }
    .navbar-collapse.show { right: 0; height: auto; background-image: url("../images/header-shwdow-main.svg"); background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
    .navbar-collapse.show::before { right: 0; }
    .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: #000; transition: 0.5s; z-index: 9; }
    .navbar .navbar-nav { align-items: flex-start; position: relative; top: 110px; max-width: 690px; width: 100%; margin: 0 auto; padding: 0 0 0 16px; }
    .header .navbar-nav .nav-item { padding: 0 0 30px; }
    .navbar-nav .nav-item .nav-link {color: var(--white);}
    .header .navbar-nav .nav-item:last-child { padding: 0; }
    .header .navbar-nav .nav-item:first-child { padding-left: 0; }
    .navbar-toggler span { background-color: var(--white); width: 25px; height: 3px; display: block; margin-bottom: 5px; transition: 0.5s; position: relative; background-image: none; }
    .navbar-toggler[aria-expanded="true"] span:first-child { top: 6px; transform: rotate(45deg); width: 25px; }
    .navbar-toggler[aria-expanded="true"] span:nth-child(2) { display: none; }
    .navbar-toggler[aria-expanded="true"] span:last-child { top: -2px; transform: rotate(-45deg); width: 25px; }

    .navbar-toggler:focus { box-shadow: none; }
    .navbar-nav .nav-item .nav-link { font-size: 36px; line-height: 36px; letter-spacing: -0.72px; }
    /* ==================== [ header End ] ==================== */

    /* ==================== [ banner section Start ] ==================== */
    .banner-video-icon{width: 180px; margin-bottom: 20px;}
    .banner-absolute-image{left: -80px; width: 250px;}
    .banner-left .common-detail *{font-size: 18px;}
    .banner-left .common-detail{max-width: 450px;}
    /* ==================== [ banner section End ] ==================== */

    /* ==================== [ plateform section Start ] ==================== */
    .plateform-item-detail{margin: 50px 0 0;}
    .plateform-section{padding: 80px 0;}
    .plateform-item{padding: 30px;}
    .plateform-bottom-block{margin: 70px 0 0;}
    .plateform-item-icon{width: 70px; height: 70px; padding: 10px;}
    /* ==================== [ plateform section End ] ==================== */

    /* ==================== [ private section Start ] ==================== */
    .private-group-item{padding: 25px;}
    .private-group-section{padding: 100px 0;}
    /* ==================== [ private section End ] ==================== */

    /* ==================== [ steps section Start ] ==================== */
    .steps-section{padding: 100px 0 70px;}
    .steps-wrp{padding: 35px;}
    .steps-wrp-detail-block{margin: 80px 0 0;}
    .steps-wrp-chat-block{padding: 35px;}
    .steps-wrp-number *{font-size: 56px;}
    /* ==================== [ steps section End ] ==================== */

    /* ==================== [ testimonial Start ] ==================== */
    .testimonial-section {padding: 70px 0 80px 0;}
    .testimonial-title-block { margin-bottom: 42px; }
    .testimonial-right { padding-left: 28px; } 
    .testimonial-title-block .sub-title { margin-bottom: 10px; }
    .slide-main {padding: 80px 42px 43px;}
    /* ==================== [ testimonial End ] ==================== */

    /* ==================== [ pricing section Start ] ==================== */
    .pricing-section {padding: 80px 0 100px 0;}
    .pricing-cards {flex-wrap: wrap;}
    .pricing-card .pricing-card-title, .pricing-card-bigtitle {font-size: 20px;}
    .pricing-card sup, .pricing-card sub {font-size: 20px;}
    .pricing-card {padding: 30px 20px;flex: unset; width: 49%;}
    .pricing-card.active {margin-top: 36px;}
    .pricing-upper-box {min-height: 160px;}
    .pricing-title-box { margin-bottom: 48px; } 
    .pricing-toggle { margin: 0 auto 58px auto; }
    .pricing-desc {font-size: 20px;}
    /* ==================== [ pricing section End ] ==================== */

    /* ==================== [ meet section Start ] ==================== */
    .meet-section { padding: 90px 0 120px 0; }
    .meet-main {max-width: 600px;}
    .meet-desc {font-size: 20px;}
    /* ==================== [ meet section End ] ==================== */

    /* ==================== [ footer ] ==================== */
    .footer-brand {margin-right: 70px;}
    .footer-top ul {gap: 40px;}
    /* ==================== [ footer ] ==================== */
}

/* ==================== [ 991px ] ==================== */
@media (max-width: 991px) {
    /* common style */
    h1, .h1{font-size: 40px;}
    h2, .h2{font-size: 38px;}
    /* common style */

    /* ==================== [ banner section Start ] ==================== */
    .banner-video-icon{width: 180px; margin-bottom: 20px;}
    .banner-absolute-image{left: -80px; width: 250px;}
    .banner-left .common-detail *{font-size: 18px;}
    .banner-left .common-detail{max-width: 450px;}
    .banner-image{position: relative; top: unset; right: unset; bottom: unset; width: 100%; height: 650px;}
    .banner-common-list ul{gap: 25px; flex-wrap: wrap;}
    .banner-absolute-image{ top: unset; bottom: 0; transform: none; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .banner-left::before{display: none;}
    /* ==================== [ banner section End ] ==================== */ 

    /* ==================== [ plateform section Start ] ==================== */
    .platform-right{max-width: 100%;}
    .plateform-item-icon{width: 70px; height: 70px; padding: 10px;}
    /* ==================== [ plateform section End ] ==================== */

    /* ==================== [ location section Start ] ==================== */
    .location-bottom-left{width: 50%; height: 500px;}
    .location-bottom-right{width: 50%; height: 500px;}
    .location-mobile-map-image{max-width: 270px;}
    .location-right{max-width: 100%;}
    .location-section{padding: 80px 0 0;}
    .location-bottom-block{margin: 60px 0 0;}
    /* ==================== [ location section End ] ==================== */

    /* ==================== [ private section Start ] ==================== */
    .private-group-right{max-width: 100%;}
    /* ==================== [ private section End ] ==================== */

    /* ==================== [ steps section Start ] ==================== */
    .steps-section{padding: 80px 0 30px;}
    .steps-wrp{padding: 25px;}
    .steps-wrp-detail-block{margin: 70px 0 0;}
    .steps-wrp-chat-block{padding: 25px;}
    .steps-wrp-number *{font-size: 50px;}
    .steps-wrp-chat-block>*{padding: 15px;}
    .steps-bottom-block{margin: 40px 0 0;}
    /* ==================== [ steps section End ] ==================== */

    /* ==================== [ testimonial Start ] ==================== */
    .testimonial-section { padding: 30px 0 60px 0; }
    .testimonial-right { padding-left: 20px; padding-right: 20px;} 
    .testimonial-title-block {text-align: center;}
    .slide-main {text-align: center;}
    .custom-controls  {justify-content: center;}
    .slide-desc {font-size: 18px;}
    .testimonial-left{margin: 0 auto;}
    /* ==================== [ testimonial End ] ==================== */

    /* ==================== [ pricing section Start ] ==================== */
    .pricing-card {width: 48%;}
    .pricing-title-box { margin-bottom: 42px; }
    .pricing-toggle { margin: 0 auto 48px auto;}
    .pricing-bottom {flex-wrap: wrap;}
    /* ==================== [ pricing section Start ] ==================== */


    /* ==================== [ meet section Start ] ==================== */
    .meet-section { padding: 90px 0 120px 0; }
    .meet-main {max-width: 470px;}
    .meet-img-1 { height: 86px; width: 86px; top: -40px; left: -76px}
    /* ==================== [ meet section End ] ==================== */
    
    /* ==================== [ footer ] ==================== */
    .footer-top {flex-direction: column;margin-bottom: 42px;}
    .footer-brand {margin: 0px 0px 40px 0px;}
    .footer-top ul {gap: 40px;}
    .footer-desc  {max-width: 100%; justify-content: center; text-align: center;}
    .footer-bootom-center {text-align: center;}
    /* ==================== [ footer ] ==================== */
}

/* ==================== [ 767px ] ==================== */
@media (max-width: 767px) {
    /* common style */
    h1, .h1{font-size: 36px;}
    h2, .h2{font-size: 34px;}
    /* common style */

    /* ==================== [ header Start ] ==================== */
    .navbar-nav .nav-item .nav-link {
        font-size: 24px;
        line-height: 24px;
    }

    .navbar-nav{
        max-width: 540px !important;
        margin: 0 auto;
    }
    /* ==================== [ header End ] ==================== */

    /* ==================== [ banner section Start ] ==================== */
    .banner-video-icon{width: 150px; margin-bottom: 20px;}
    .banner-absolute-image{left: -80px; width: 250px;}
    .banner-left .common-detail *{font-size: 18px;}
    .banner-left .common-detail{max-width: 450px;}
    .banner-image{position: relative; top: unset; right: unset; bottom: unset; width: 100%; height: 650px;}
    .banner-common-list ul{gap: 25px; flex-wrap: wrap;}
    .banner-absolute-image{ top: unset; bottom: 0; transform: none; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .banner-bottom-part .row{row-gap: 60px;}
    /* ==================== [ banner section End ] ==================== */

    /* ==================== [ plateform section Start ] ==================== */
    .plateform-item-icon{width: 60px; height: 60px; padding: 14px;}
    .platform-right .common-detail *{font-size: 18px;}
    /* ==================== [ plateform section End ] ==================== */

    /* ==================== [ location section Start ] ==================== */
    .location-bottom-left{width: 100%; height: 550px;}
    .location-bottom-right{width: 100%; height: 550px;}
    .location-mobile-map-image{max-width: 300px;}
    .location-section{padding: 80px 0 0;}
    .location-bottom-block{margin: 60px 0 0; flex-direction: column;}
    /* ==================== [ location section End ] ==================== */ 

    /* ==================== [ private section Start ] ==================== */
    .private-group-right{max-width: 100%;}
    .private-group-section{padding: 70px 0;}
    .private-group-right .common-detail *{font-size: 20px;}
    /* ==================== [ private section End ] ==================== */

    /* ==================== [ steps section Start ] ==================== */
    .steps-section{padding: 70px 0 30px;}
    .steps-wrp{padding: 25px;}
    .steps-wrp-detail-block{margin: 70px 0 0;}
    .steps-wrp-chat-block{padding: 25px;}
    .steps-wrp-number *{font-size: 40px;}
    .steps-wrp-chat-block>*{padding: 15px;}
    .steps-bottom-block{margin: 40px 0 0;}
    .steps-wrp-detail-title *{font-size: 22px;}
    .steps-wrp-image{height: 310px;}
    /* ==================== [ steps section End ] ==================== */

    /* ==================== [ pricing section Start ] ==================== */
    .pricing-section { padding: 40px 0 60px 0; }
    .pricing-desc {font-size: 18px;}
    .pricing-cards {flex-direction: column;}
    .pricing-card {width: 100%;}
    .pricing-bottom {gap: 20px;}
    /* ==================== [ pricing section Start ] ==================== */


    /* ==================== [ meet section Start ] ==================== */
    .meet-section { padding: 90px 0 120px 0; }
    .meet-main {max-width: 410px;}
    .meet-desc {font-size: 18px;}
    .meet-img-1 { height: 86px; width: 86px; top: -40px; left: -46px}
    .meet-img-2 { height: 56px; width: 56px; right: -46px}
    /* ==================== [ meet section End ] ==================== */

    /* ==================== [ footer ] ==================== */
    .footer-top ul { flex-direction: column; gap: 20px; }
    /* ==================== [ footer ] ==================== */
}

/* ==================== [ 575px ] ==================== */
@media (max-width: 575px) {
    /* common style */
    h1, .h1{font-size: 34px;}
    h2, .h2{font-size: 32px;}
    /* common style */

    /* ==================== [ banner section Start ] ==================== */
    .banner-video-icon{width: 130px;}
    .banner-image{height: 750px;}
    .banner-btn-group{flex-direction: column; align-items: flex-start;}
    /* ==================== [ banner section End ] ==================== */

    /* ==================== [ plateform section Start ] ==================== */
    .plateform-item-detail{margin: 40px 0 0;}
    .plateform-section{padding: 70px 0;}
    .plateform-item{padding: 25px;}
    .plateform-bottom-block{margin: 60px 0 0;}
    /* ==================== [ plateform section End ] ==================== */

    /* ==================== [ location section Start ] ==================== */
    .location-bottom-left{ height: 500px;}
    .location-bottom-right{ height: 500px;}
    .location-mobile-map-image{max-width: 280px;}
    .location-section{padding: 70px 0 0;}
    .location-bottom-block{margin: 40px 0 0;}
    .location-right .common-detail *{font-size: 18px;}
    /* ==================== [ location section End ] ==================== */

    /* ==================== [ private section Start ] ==================== */
    .private-group-right .common-detail *{font-size: 18px;}
    /* ==================== [ private section End ] ==================== */

    /* ==================== [ meet section Start ] ==================== */
    .meet-img-1 {height: 55px;width: 55px;left: 0;top: -55px;}
    .meet-img-2 {height: 40px;width: 40px;right: 0;top: unset;bottom: 0;}
    /* ==================== [ meet section End ] ==================== */
}