/*----------------------------------------------------------------------------
  Responsive CSS
----------------------------------------------------------------------------*/

@media only screen and (max-width: 1899px) {
    .main-banner-section { min-height: 1130px; }
    .main-banner-section .img1 { left: 30px; bottom: 525px; }
    .main-banner-section .img3 { right: 30px; bottom: 640px; }
    .main-banner-section .img2 { max-width: 445px; }
    .main-banner-section .img4 { right: 160px; bottom: 480px; }
    .main-banner-section .img5 { bottom: 68px; }

    .marquee-text .marquee-items .info-text { padding: 0px 40px; }

    .theme-detailed-section .card-box { padding: 50px 50px; }

}

@media only screen and (max-width: 1640px) {
    .main-banner-section .img4 { right: 80px; }
    .main-banner-section .img3 { right: 10px; }
    .main-banner-section .img4 { right: 60px; }
    .main-banner-section .img1 { left: 20px; }
}

@media only screen and (max-width: 1440px) {
    .container-fluid { padding-right: 30px; padding-left: 30px; }

    .banner-title { font-size: 50px; }
    .main-banner-inner { padding: 150px 0 100px; }
    .main-banner-section .img3 { bottom: 530px; } 
    .main-banner-section .img4 { bottom: 390px; right: 10px; }
    .main-banner-section .img1 { width: 289px; height: 151px; }
    .banner-desc { font-size: 20px; }
    .main-banner-section .img5 { max-width: 1058px; }
    .main-banner-section .img5 .demos { bottom: 82px; left: 206px; max-width: 532px; }

    .card-box { padding: 44px 30px; }

    .ttl_details .text h3 { font-size: 45px; line-height: 60px; }
    .ttl_details .text h5 { font-size: 30px; }
    .ttl_details .row_in .img { max-width: 37%; }

    .perfomance-item ul li p { font-size: 20px; line-height: normal; }

    .feature_list .item { flex: 0 0 33.333%; max-width: 33.333%; }

    .rtl-items { padding: 0; }

    .powerfulContent .card .description br { display: none; }

}

@media only screen and (max-width: 1299px) {
    .banner-title { font-size: 65px; }
    .banner-desc { margin: 30px 0 40px }
    .banner-content-btn .btn + .btn { margin-left: 25px; }

    .banner-text-slider.swiper { bottom: -10px;  }
    .banner-text-slider.swiper:after { bottom: 12px; }
    .grade-box .counters { font-size: 45px; line-height: 45px; } 
    .grade-box .counters span { font-size: 50px; line-height: 50px; width: 58px; }
    .grade-box .grade { font-size: 20px; padding-right: 20px; margin-right: 20px; }
    .grade-box .grade span { line-height: 45px; font-size: 45px; }

    .section-heading { margin: 0 0 65px; }

    .perfomance-item ul li h3 { font-size: 45px; }
    .perfomance-item ul li p { font-size: 18px; }

    .theme-detailed-section .card-box { padding: 40px 35px; }

    .ttl_details .text h3 { font-size: 38px; line-height: 54px; }

}

@media only screen and (min-width: 1200px) {
    #site-nav { display: block !important; }

    .boost-features-section .section-header { margin-bottom: 125px; }
    .boost-features-section .row { margin-top: -65px; }
    .boost-features-section .row > * { margin-top: 65px; }

    .swiper-arrow-out .swiper-button-prev { left: -80px; right: auto; }
    .swiper-arrow-out .swiper-button-next { right: -80px; left: auto; }
    .swiper-arrow-out:hover .swiper-button-prev { left: 20px; right: auto; }
    .swiper-arrow-out:hover .swiper-button-next { right: 20px; left: auto; }

    .exclusive-features-section .row { margin-top: -70px; }
    .exclusive-features-section .row > * { margin-top: 70px; }
    .exclusive-features-section .section-heading { margin-top: -5px; margin-bottom: 105px; }

    .rtl-version-section .row { margin-right: -30px; margin-left: -30px; }
    .rtl-version-section .row > * { padding-right: 30px; padding-left: 30px; }

}

@media only screen and (max-width: 1199px) {
    .header { padding: 15px 0; }

    body.menu-open .header { background-color: #544162; }
    .menu-toggle-line { display: inline; width:30px; cursor: pointer; border:none; padding:0 0; background:none; position: relative; top: 6px; z-index:99; }
    .menu-toggle-line span { height:3px; width:30px; background:#fff; display:block; margin:0 auto 6px; transform-origin:10px 0; transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease; }
    .menu-toggle-line.open span:nth-child(1) { -webkit-transform:rotate(45deg) translate(6px,1px); transform:rotate(45deg) translate(6px,1px); }
    .menu-toggle-line.open span:nth-child(2) { opacity:0; }
    .menu-toggle-line.open span:nth-child(3) { -webkit-transform:rotate(-45deg) translate(6px,-3px); transform:rotate(-45deg) translate(6px,-3px); }
    .menu-toggle-line span:last-child { margin-bottom: 0; }
    .main-content.open:after { content:""; background:rgba(0,0,0,0.5); position:fixed; left:0; right:0; top:0; bottom:0; z-index:1; -webkit-transition:all .15s ease-in; transition:all .15s ease-in; }

    .navbar-nav { flex-direction: column; text-align: left; width: 100%; }
    .navbar-nav .nav-link { justify-content: center; }

    #site-nav { display:none; position:absolute; top:calc(100% + 0px); right:0; width:100%; background-color:#544162; text-align:center; padding:10px 30px 20px; box-shadow:0 5px 5px rgba(0,0,0,0.1); }

    .navbar-nav .nav-link:not(.btn-buynow) { font-size:16px; padding:13px 0; font-weight: 600; display:block; }
    .navbar-nav .nav-link + .nav-link:not(:last-child) { border-top:1px solid #615768; }
    .navbar-nav .btn-buynow.btn { display:block; font-size: 16px; margin-top: 10px; }

    .header .navigation { text-align: right; }
    .header .text-right { display: none; }

    .main-banner-inner { padding: 100px 0 100px; }
    .banner-title { font-size: 45px; line-height: 75px; }
    .banner-content-btn .btn { font-size: 16px; }
    .banner-title .txt-rotate:after { height: 4px; bottom: 3px; }
    .banner-desc { margin: 20px 0 30px; }
    .banner-content-btn .btn { min-width: 210px; min-height: 55px; }
    .banner-content-btn .btn + .btn { margin-left: 20px; }
    .main-banner-section .img5 { bottom: 218px; }
    .main-banner-section .img3 { bottom: 670px; max-width: 220px; }
    .main-banner-section .img4 { bottom: 510px; }
    .grade-box .counters span { font-size: 32px; line-height: 32px; width: 35px; }
    .grade-box .grade { font-size: 15px; padding-right: 15px; margin-right: 15px; }
    .grade-box .text .small-text { font-size: 15px; }
    .grade-box .counters { font-size: 25px; line-height: 35px; }
    .grade-box .grade span { line-height: 35px; font-size: 35px; }
    .main-banner-section .img1 { width: 239px; height: 101px; bottom: 705px; }
    .main-banner-section .img5 { max-width: 978px; }
    .main-banner-section .img5 .demos { bottom: 78px; left: 186px; max-width: 492px; }
    .main-banner-section .mbl_img { left: 190px; }


    .banner-text-slider.swiper { height: 75px; margin: 0 0 0 5px; bottom: -10px; }
    .banner-text-slider.swiper:after { height: 4px; bottom: 13px; }

    .marquee-text .marquee-items { font-size: 65px; }
    .marquee-text .marquee-items .info-text { padding: 0px 25px; }

    .marquee-section .img1 { top: 35px; }
    .marquee-section .img2 { bottom: 100px; left: 150px; }
    .marquee-section .img3 { bottom: 60px; left: 350px; }
    .marquee-section .img4 { top: 80px; }
    .marquee-section .img5 { bottom: 95px; right: 270px; }
    .marquee-section .img6 { top: 45px; right: 100px; }

    .section { padding-bottom: 80px; }
    .pt-section { padding-top: 80px; }
    .section.marquee-section { padding-top: 80px; padding-bottom: 100px; }

    .section-header { margin-top: 0px; margin-bottom: 90px; }
    .section-header p { font-size: 40px; }
    .section-header .subfont { font-size: 70px; padding: 0 30px 0 5px; right: -15px; bottom: -8px; margin-left: -17px; }
    .section-header h2 { font-size: 40px; }
    .section-header p.details { font-size: 20px; }

    .boost-features-section .section-header .subfont { right: -15px; }

    .g-lighthouse:after { height: 4px; }

    .swiper-arrow-out .swiper-arrow { width: 60px; height: 60px; }

    .inner-pages-section.pt-section { padding-top: 60px; }
    .pageTabs { margin: 0 0 50px; }

    .card-box.card-hover-icon .hover-icon .icon { width: 60px; height: 60px; font-size: 32px; }

    .purchase-stella-btn { margin-top: 60px; }

    .section.marquee-two-section { padding-top: 80px; padding-bottom: 60px; }

    .exclusive-features-section .card-icon { height: 160px; width: 160px; }
    .exclusive-features-section .section-heading .title { line-height: 55px; }
    .exclusive-features-section .section-heading .subfont { padding: 0 20px 0 0; bottom: -10px; font-size: 70px; }
    .boost-features-section .card .card-content { margin-bottom: 10px; }

    .rtl-version-section .section-heading { margin: -10px 0 60px; }
    .rtl-version-section:after { top: -3px; left: -40px; background-size: 220px; }
    .rtl-item h3 { font-size: 39px; }
    .rtl-item.text-right h3 { font-size: 45px; }

    .powerful-sections .section-heading { margin: -14px 0 65px; }
    .powerful-sections .section-heading .title { line-height: 55px; }
    .powerful-sections .section-heading .subfont { bottom: -15px; font-size: 70px; }

    .theme-detailed-section .card-box { padding: 30px 20px; }
    .theme-detailed-section .card-box .title { font-size: 18px; }
    .theme-detailed-section .card-box .card-icon { margin: 0 auto 25px; }
    .theme-detailed-section .card-box .description { margin: 10px 0 20px; }

    .footer { padding: 70px 0; }
    .footer h2 { font-size: 42px; }
    .footer-bottom { margin-top: 70px; padding-top: 60px; }

    #site-scroll { width: 46px; height: 46px; right: 15px; bottom: 20px; }
    #site-scroll .btn { font-size: 24px;  }

    .perfomance-item ul li p { font-size: 18px; }
    .perfomance-item ul li { flex: 0 0 23.2%; }
    .perfomance-item ul li:nth-of-type(4n) { margin-right: 0; }
    .perfomance-item ul li:nth-of-type(5n), .perfomance-item ul li:nth-of-type(6n) { margin-top: 30px !important; } 
    .ttl_details:after { border-top-width: 60px; border-left-width: 110px; margin-top: 1px; }

    .ext_lists .ext_list { padding: 0 15px; }
    .ext_lists .ext_list .details { padding: 0; }
    .ext_lists .ext_list .thumb { padding: 10px; }

    .rtl-items .col-item:nth-of-type(2) { flex: 0 0 120px; }

    .powerfulContent { padding: 0 30px; }
    .powerfulContent .swiper { padding-bottom: 50px; }
    .powerful-sections .section-header .subfont { font-size: 70px; top: 12px; }
    .powerful-sections .section-header { margin: 0 0 35px; }

    .footer h2 .subfont { font-size: 70px; }
    .footer h3 { font-size: 25px; line-height: 42px; }

}

@media only screen and (max-width: 991px) {
    body { font-size: 15px; line-height: 1.5; }
    .container, .container-fluid { padding-right: 15px; padding-left: 15px; }
    .btn, .btn-primary { font-size: 15px; }

    .logoImg img { max-width: 100px; }
    .menu-toggle-line { top: 3px; }
    #site-nav { padding: 10px 15px 20px; }
    .navbar-nav .btn-buynow.btn { padding: 14px 25px; }

    .main-banner-section { min-height: 850px; }
    .main-banner-inner { padding: 90px 0 30px; }
    .banner-title { font-size: 38px; line-height: 60px; }
    .banner-title .txt-rotate:after { height: 3px; bottom: 2px; }
    .banner-desc { font-size: 16px; margin: 15px 0 25px; line-height: 26px; }

    .banner-text-slider.swiper { height: 60px; margin: 0 0 0 5px; }
    .banner-text-slider.swiper:after { height: 3px; bottom: 10px; }

    .banner-content-btn .btn { min-width: 200px; min-height: 50px; }

    .main-banner-section .img1,
    .main-banner-section .img2,
    .main-banner-section .img4 { display: none; }
    .main-banner-section .img3 { bottom: 420px; max-width: 180px; }
    .main-banner-section .img5 { bottom: 50px; max-width: 758px; left: -90px; }
    .main-banner-section .img5 .demos { bottom: 59px; left: 146px; max-width: 382px; }
    .main-banner-section .mbl_img { left: 180px; max-width: 120px; }

    .marquee-text .marquee-items { font-size: 55px; }
    .marquee-section .img1 { top: 20px; }
    .marquee-section .img1 img { max-width: 35px; }
    .marquee-section .img2 { bottom: 65px; left: 100px; }
    .marquee-section .img3 { bottom: 40px; left: 290px; }
    .marquee-section .img3 img { max-width: 35px; }
    .marquee-section .img4 { top: 65px; }
    .marquee-section .img5 { bottom: 65px; right: 160px; }
    .marquee-section .img6 { top: 25px; right: 20px; }
    .marquee-section .img6 img { max-width: 55px; }

    .card-box { padding: 31px 25px; }
    .card-box .card-icon { margin: 0 0 24px; }
    .card-box .title { font-size: 17px; }
    .card-box .description { font-size: 17px; line-height: 28px; }

    .section { padding-bottom: 60px; }
    .pt-section { padding-top: 60px; }
    .section.marquee-section { padding-top: 70px; padding-bottom: 80px; }

    .section-header { margin-bottom: 60px; }
    #demos .section-header h2 { font-size: 65px; }
    .section-header h2 { font-size: 35px; }
    .section-header p { font-size: 30px; margin: 10px 0 0; }
    .section-header h2 span { font-size: 54px; top: -20px; }
    .section-header .subfont { font-size: 55px; padding: 0 25px 0 5px; }
    .section-header p.details { margin-top: 30px; font-size: 18px; }

    .boost-features-section .section-header p { font-size: 30px; }

    .card .card-content { margin: 20px 0 0; }
    .card .title { font-size: 18px; margin: 0 0 12px; }
    .card .description { font-size: 17px; line-height: 28px; }

    .section-heading { margin: 0 0 45px; }
    .section-heading .subtle { font-size: 16px; margin: 0 0 25px; padding: 12px 25px; }
    .section-heading .title { font-size: 36px; }
    .perfomance-item ul { min-height: 140px; }
    .perfomance-item ul li h3 { font-size: 45px; }
    .perfomance-item ul li p { font-size: 18px; }
    .perfomance-content .bottom-text { margin: 40px 0 0; }
    .g-lighthouse:after { height: 3px; }

    .swiper-arrow-out .swiper-arrow { width: 50px; height: 50px; }

    .inner-pages-section .section-heading { margin: 0 0 40px; }

    .pageTabs li a { font-size: 15px; padding: 15px 25px; }

    .purchase-stella-btn { margin-top: 50px; }
    .purchase-stella-btn .btn {  font-size: 15px; }

    .section.marquee-two-section { padding-top: 50px; padding-bottom: 35px; }

    .exclusive-features-section .section-heading .title { line-height: 48px; }
    .exclusive-features-section .section-heading .subfont { bottom: -7px; font-size: 55px; }
    .exclusive-features-section .card-icon { height: 125px; width: 125px; }
    .exclusive-features-section .card .card-content { margin: 15px 0 0; }
    .exclusive-features-section .card .title { font-size: 16px; }

    .features-list-section .card-icon { height: 60px; width: 60px; font-size: 22px; }
    .features-list-section .card .card-content { margin: 0 0 0 15px; }
    .features-list-section .card .title { font-size: 16px; }

    .powerful-sections .section-heading { margin: -10px 0 45px; }
    .powerful-sections .section-heading .title { line-height: 48px; }
    .powerful-sections .section-heading .subfont { bottom: -12px; font-size: 55px; }

    .powerfulContent .card .card-content { margin: 40px 0 0; }
    .powerfulContent .card .title { font-size: 22px; margin: 0 0 20px; padding: 0 0 10px; border-bottom-width: 5px; }
    .powerfulContent .card .description { font-size: 18px; }

    .footer { padding: 60px 0; }
    .footer h2 { font-size: 40px; line-height: normal; margin: 0 0 30px; }
    .footer h2 br { display: none; }
    .footer h3 { font-size: 22px; line-height: 38px; }
    .ftr_logo { margin-bottom: 20px; }
    .ftr_logo img { max-width: 130px; }

    .gradient-multi-section { margin-top: 0; }

    .ttl_details .row_in .img { max-width: 30%; margin-right: 50px; }
    .perfomance-item ul li { flex: 0 0 31.75%; margin-bottom: 2.2% !important; }
    .perfomance-item ul li:nth-of-type(4) { margin-right: 2.2%; }
    .perfomance-item ul li:nth-of-type(3) { margin-right: 0; }
    .perfomance-item ul li:nth-of-type(5n), .perfomance-item ul li:nth-of-type(6n) { margin-top: 0 !important; }

    .feature_list { margin: 0 -10px; }
    .feature_list .item { padding: 0 10px; margin-top: 20px; }
    .feature_list .item_in { flex-direction: column; text-align: center; }
    .feature_list .item_in .detail { padding-left: 0; }
    .feature_list .item h3 { font-size: 16px; }
    .feature_list .item_in p { font-size: 13px; }

    .ext_lists .ext_list { flex: 0 0 33%; max-width: 33%; }
    .rtl-items .col-item:nth-of-type(2) { flex: 0 0 80px; margin: 0 25px; }

    .powerful-sections .section-header .subfont { right: 0; margin-left: 0; padding: 0 10px 0 0; }

    .fetr_section .list_item h5 { font-size: 18px; }
    .fetr_section .list_item h5 br { display: none; }
    .fetr_section .icon_item { margin-bottom: 20px; }
    .fetr_section .list_item p { font-size: 16px; line-height: 24px; }
    .fetr_section .list_item { flex: 0 0 50%; max-width: 50%; padding: 0 10px; }
    .fetr_section .list_item:nth-of-type(1), .fetr_section .list_item:nth-of-type(2) { margin-bottom: 30px; }

}

@media only screen and (max-width: 767px) {
    .main-banner-section { min-height: 810px; }
    .main-banner-section .img5 { bottom: 50px; max-width: 558px; left: -40px; }
    .main-banner-section .mbl_img { left: 110px; max-width: 90px; }
    .main-banner-section .img5 .demos { bottom: 44px; left: 109px; max-width: 282px; }
    .main-banner-section .img3 { position: static; margin: 0 auto; animation: none; }
    .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 2px !important; }

    .marquee-text .marquee-items { font-size: 45px; }
    .marquee-text .marquee-items .info-text { padding: 0px 15px; }

    .section { padding-bottom: 50px; }
    .pt-section { padding-top: 50px; }
    .section.marquee-section { padding-top: 50px; padding-bottom: 60px; }

    .p_demo_section .section-header p.details br { display: none; }
    .demoTabs li a { font-size: 16px; }
    .demoTabs { margin-top: 30px; }
    .demoTabs li { margin: 0 10px 10px; }
    .demoTabs li:last-of-type { margin-bottom: 0; }
    .demoTabs li:after { height: 3px; bottom: -5px; }
    .p_demo_section .section-header { margin-bottom: 25px; }

    .marquee-section .img1 { top: 20px; display: none; }
    .marquee-section .img1 img { max-width: 35px; }
    .marquee-section .img2 { bottom: 55px; }
    .marquee-section .img3 { display: none; }
    .marquee-section .img3 img { max-width: 35px; }
    .marquee-section .img4 { top: 40px; }
    .marquee-section .img5 { bottom: 55px; }
    .marquee-section .img6 { top: 35px; display: none; }
    .marquee-section .img6 img { max-width: 50px; }

    .demos-section-inner .card-box .title { font-size: 20px; }

    .perfomance-item ul { min-height: 130px; }
    .perfomance-content .bottom-text { font-size: 18px; margin: 25px 0 0; }

    .tabContent .swiper .swiper-slide, .powerfulContent .swiper-slide { max-width: 100%; }

    .swiper-arrow-out .swiper-arrow { width: 48px; height: 48px; }
    .swiper-arrow-out .swiper-arrow:after { font-size: 22px; }
    .swiper-arrow-out .swiper-button-prev { left: 5px !important; }
    .swiper-arrow-out .swiper-button-next { right: 5px !important; }

    .card-box.card-hover-icon .hover-icon .icon { width: 50px; height: 50px; font-size: 25px; }
    .card-box .icon { font-size: 25px; }

    .inner-pages-section.pt-section { padding-top: 40px; }
    .inner-pages-section .section-heading { margin: 0 0 30px; }
    .pageTabs { margin: 0 0 40px; }
    .pageTabs li a { font-size: 14px; padding: 13px 20px; }

    .purchase-stella-btn { margin-top: 40px; }
    .purchase-stella-btn .btn { padding: 15px 30px; font-size: 14px; }

    .section.marquee-two-section { padding-top: 50px; padding-bottom: 40px; }
    .exclusive-features-section .card-icon { height: 110px; width: 110px; }

    .powerfulContent .card .card-content { margin: 30px 0 0; }
    .powerfulContent .card .title { font-size: 22px; }
    .powerfulContent .card .description { font-size: 17px; }

    .demos-section-inner .card-content { padding: 20px 25px; }
    #demos .section-header h2 { font-size: 60px; }
    .section-header h2 span { font-size: 44px; top: -8px; }

    .ttl_details .row_in .img { max-width: 100%; margin-right: 0; }
    .ttl_details .row_in .col-1 { flex: 100%; text-align: center; }
    .ttl_details .row_in .img img { margin-left: auto; margin-right: auto; max-width: 130px; margin-bottom: 20px; }
    .ttl_details .text h3 { margin-bottom: 20px; font-size: 30px; line-height: 46px; }
    .ttl_details .text h5 { font-size: 21px; }
    .ttl_details:after { border-top-width: 40px; border-left-width: 80px; }

    .feature_list { margin: 0 -5px; }
    .feature_list .item { flex: 0 0 50%; max-width: 50%; padding: 0 5px; margin-top: 10px; }
    .feature_list .item_in { padding: 10px; }

    .section-header h2 { font-size: 30px; }
    .section-header p.details { font-size: 16px; line-height: 28px; }
    .p_demo_section .section-header p.details, .features_sec .section-header p.details { margin-top: 20px; }

    .mbl_opt-sec .row_in { flex-direction: column; }
    .mbl_opt-sec .row_in .text { max-width: 100%; padding-right: 0; }
    .mbl_opt-sec .section-header { text-align: center; margin: 0 0 30px; }

    .ext_section .section-header p.details br { display: none; }
    .ext_section .section-header h2 span { font-size: 70px; top: 9px; }
    .ext_section .section-header { margin-bottom: 45px; }
    .ext_lists .ext_list { padding: 0 10px; }
    .ext_lists .ext_list P { font-size: 14px; line-height: 22px; }
    .ext_lists .ext_list h3 { font-size: 18px; }

    .footer h2 { font-size: 30px; }
    .footer h2 .subfont { font-size: 54px; padding: 0 20px 0 0; }
    .footer .purchase-stella-btn .btn { margin: 0 10px; }
    .footer_bottom img { max-width: 70px; margin: -50px auto 10px; }
    .footer h3 { font-size: 18px; line-height: 32px; }

}

@media only screen and (max-width: 575px) {
    .banner-title { font-size: 30px; line-height: 40px; }

    .banner-title span::after { height: 3px; bottom: 0; }
    .banner-desc br { display: none; }

    .main-banner-section { min-height: 730px; }
    .main-banner-section .img5 { max-width: 380px; bottom: -30px; left: 0; }
    .main-banner-section .mbl_img { left: 90px; display: none; }
    .main-banner-section .img5 .demos { max-width: 352px; bottom: 51px; left: 2px; }
    .mble_img { display: block; }
    .desk_img { display: none; }

    .banner-text-slider.swiper { height: 40px; bottom: -5px; }
    .banner-text-slider.swiper:after { bottom: 6px; }

    .banner-content-btn { flex-direction: column; }
    .banner-content-btn .btn { font-size: 14px; max-width: 250px; margin-left: auto; margin-right: auto; }
    .banner-content-btn .btn + .btn { margin-left: auto; margin-top: 15px; }

    .marquee-text .marquee-items { font-size: 40px; }
    .marquee-text .marquee-items .info-text { padding: 0px 10px; }

    .section { padding-bottom: 40px; }
    .pt-section { padding-top: 40px; }

    .section-header { margin-bottom: 40px; }
    .section-header h2 { font-size: 32px; }
    #demos .section-header h2 { font-size: 40px; }
    .section-header h2 span { font-size: 26px; top: -3px; }
    .section-header p { font-size: 20px; margin: -5px 0 0; }
    .section-header .subfont { font-size: 45px; }

    .boost-features-section .section-header p { font-size: 22px; }
    .boost-features-section .section-header .subfont { right: -17px; bottom: -5px; }

    .section-heading { margin: 0 0 35px; }
    .section-heading .title { font-size: 30px; }
    .section-heading .subtle { font-size: 15px; margin: 0 0 20px; padding: 10px 20px; }

    .perfomance-item ul li h3 { font-size: 35px; }
    .perfomance-item ul li p { font-size: 15px; line-height: normal; margin-top: 5px; }

    .features-list-section .row { margin-top: -15px; }
    .features-list-section .row > * { margin-top: 15px; }
    .features-list-section .card .card-content { margin: 0 0 0 10px; }
    .features-list-section .card-icon { height: 45px; width: 45px; min-width: 45px; font-size: 18px; }
    .features-list-section .card .title { font-size: 15px; word-wrap: anywhere; }

    .powerful-sections .section-heading { margin: -10px 0 35px; }
    .powerful-sections .section-heading .title { line-height: 40px; }
    .powerful-sections .section-heading .subfont { bottom: -10px; font-size: 45px; }

    .theme-detailed-section .card-box .description { min-height: auto; }

    .gradient-multi-section { padding-top: 40px; }
    .section-header p.details { margin-top: 20px; font-size: 16px; line-height: 28px; }
    .section-header p.details br { display: none; }
    #demos .section-header { margin-bottom: 35px; }

    .ext_lists .ext_list { flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; }

    .rtl-items { flex-direction: column; }
    .rtl-items .col-item { text-align: center; }
    .rtl-items .rtl-item { text-align: center !important; }
    .rtl-items .col-item:nth-of-type(2) { margin: 0; }
    .rtl-items .col-item:nth-of-type(2) img { transform: rotate(90deg); max-width: 60px; margin: 30px 0; }

    .fetr_section .list_item { flex: 0 0 100%; max-width: 100%; padding: 0 10px; margin-bottom: 20px; }
    .fetr_section .list_item:last-of-type { margin-bottom: 0; }
    .fetr_section .list_item h5 { margin-bottom: 10px; }

    .footer h2 { font-size: 30px; }
    .footer_bottom { font-size: 15px; }
    .purchase-stella-btn .btn { display: block; margin-bottom: 10px !important; }

}

@media only screen and (max-width: 480px) { 
    .main-banner-section { min-height: 725px; }
    .main-banner-section .img5 { max-width: 300px; bottom: 0; }
    .main-banner-section .img5 .demos { max-width: 275px; bottom: 40px; }
    .main-banner-inner { padding: 90px 0 20px; }
    .banner-content-btn .btn-outline-primary:after {background-color: #ffffff; }

    .pageTabs { margin: 0 0 25px; }
    .pageTabs li { width: 50%; }
    .pageTabs li a { padding: 13px 15px; margin: 5px; display: block; }

    .exclusive-features-section .card-icon { height: 95px; width: 95px; }
    .exclusive-features-section .card-icon img { width: 55px; }

    .section-header h2 { font-size: 28px; }
    .demoTabs li a { font-size: 14px; }
    .demoTabs li { margin: 0 5px 10px; }

    .ttl_details .text h5 { font-size: 18px; }
    .ttl_details .text h3 { font-size: 27px; line-height: 40px; }

    .perfomance-item ul li { flex: 0 0 100%; margin-right: 0 !important; padding: 20px 10px !important; }
}