@media (min-width :991px) {

    .call-action .container-fluid,
    .container {
        max-width: 990px
    }
}

@media (max-width :991px) {
    .software-section {
        padding-bottom: 50px !important;
    }
}

@media (min-width :1232px) {

    .call-action .container-fluid,
    .container {
        max-width: 1200px
    }
}

@media screen and (min-width:1400px) {
    .container {
        max-width: 1368px
    }
}

@media screen and (max-width:1400px) {

    span.blog-date,
    span.post-category {
        font-size: 16px
    }

    .blog-content .btn-theme {
        padding: 7px 8px;
        font-size: 15px
    }
}

@media screen and (max-width:1368px) {
    .product-list h5 {
        font-size: 17px
    }

    .content .data li {
        width: 100%;
    }
}

@media screen and (max-width:1200px) {
    .mega-menu li {
        width: 100%
    }

    .dropdown:hover>.dropdown-menu {
        display: none
    }

    .menu-show .navbar-nav li a.dropdown-toggle.active+div.dropdown-menu {
        display: block
    }

    .dropdown .dropdown-toggle:active {
        pointer-events: auto !important
    }

    header nav.navbar ul li a {
        display: block !important
    }

    header nav.navbar .line-height-normal a {
        display: inline-block !important
    }

    .navbar .mega-dropdown {
        position: relative !important
    }

    header .dropdown .dropdown-menu {
        min-width: 100% !important;
        border: 0;
        height: auto;
        border-top: 0 !important
    }

    #collapsibleNavbar.navbar-collapse {
        background-color: #fff;
        position: fixed !important;
        min-height: 100vh;
        top: 0;
        padding: 30px 20px;
        height: 100%;
        left: -100%;
        width: 320px;
        opacity: 0;
        visibility: hidden;
        overflow-y: auto;
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        display: block;
        box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    }
    #collapsibleNavbar.navbar-collapse.menu-show {
        left: 0;
        opacity: 1;
        visibility: visible
    }

    header .caret {
        position: relative
    }

    .mega-dropdown.caret.has-submenu .dropdown-toggle.nav-link:before {
        position: absolute;
        content: "\2b";
        top: 5px;
        right: 5px;
        left: unset;
        width: auto;
        color: #022a5e;
        z-index: 2;
        font-size: 20px;
        line-height: 25px;
        pointer-events: none;
        font-family: 'Font Awesome 6 Free';
    }

    .mega-dropdown.caret.has-submenu .dropdown-toggle {
        position: relative;
    }

    .mega-dropdown.caret.has-submenu .dropdown-toggle.active:before {
        content: '\f068';
        left: unset;
        position: absolute;
        right: 5px;
        font-size: 20px;
        font-weight: 600;
        font-family: 'Font Awesome 6 Free';
    }

    header nav.navbar ul li {
        margin-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    header li a.nav-link {
        line-height: 28px;
        font-size: 18px;
        text-align: left
    }

    a.dropdown-item.dropdown-toggle.caret {
        padding-left: 0;
        white-space: inherit
    }

    .call-action .container-fluid::before {
        display: none
    }

    .call-action .container-fluid .col-md-12 {
        justify-content: center
    }

    .field-quote-verifycode .col-lg-4 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 15px !important
    }

    .field-information-verifycode .col-lg-8 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .personal-detail #kyc-form .field-quote-verifycode .col-lg-4 {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-right: 15px !important;
        padding-left: 15px;
        border: 0;
        margin-bottom: 15px
    }

    .personal-detail #kyc-form .field-quote-verifycode .col-lg-4 img {
        border: 1px solid #d4dfef;
        display: block !important;
        width: 100%;
        object-fit: contain;
        text-align: left;
        object-position: left
    }

    .personal-detail #kyc-form .field-quote-verifycode .col-lg-8 {
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 15px
    }

    .personal-detail #kyc-form .field-quote-verifycode .row {
        margin: 0 -15px
    }

    .app-category-area #portfolio-list-view {
        gap: 10px;
    }
}

@media only screen and (max-width:1199px) {
    header nav.navbar li:last-child {
        text-align: center;
    }

    a.dropdown-item.dropdown-toggle.caret {
        padding-right: 20px;
    }

    .dropdown-toggle i {
        display: none;
    }
}

@media only screen and (max-width:1140px) {
    .about-section .content-column .inner-column {
        padding: 0
    }

    .service-block .inner-box {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width:1024px) {
    .text-title {
        font-size: 30px
    }

    .py-70,
    .py-90 {
        padding: 50px 0
    }

    header {
        background-color: #fff
    }

    header li a.nav-link {
        text-align: left
    }

    header li.nav-item {
        margin-right: 15px
    }

    .intro-section .owl-nav .owl-prev {
        position: relative !important;
        left: auto !important;
        top: 0 !important;
        margin-right: 20px;
    }

    .intro-section .intro-block {
        margin-bottom: 25px;
    }

    .video-box .video-image iframe {
        height: 300px;
    }
}

@media only screen and (max-width:991px) {
    .share-links ul.social-share.footer-social-menu {
        margin-bottom: 15px;
    }

    .home-video {
        margin-top: 0;
        padding-top: 50px
    }

    .product-list-view .product-list-image {
        margin-right: 8px
    }

    .blog-article figure a {
        height: auto;
    }

    .blog-post .post-thumbnail img {
        width: 100%;
    }
}

@media only screen and (max-width:767px) {
    header li.nav-item i {
        float: none !important;
    }

    .col-md-6.forgot-password {
        width: 50%;
    }

    #login-form .col-md-6.padd-0 {
        width: 50%;
    }

    .main-footer .upper-box .float-start,
    .main-footer .upper-box .float-end {
        width: 100%;
        text-align: center
    }

    .main-footer .upper-box .social-box {
        margin-top: 25px
    }

    .main-footer.style-two .widgets-section {
        padding: 50px 40px 30px
    }

    .main-footer .footer-bottom .copyright-column {
        text-align: center;
        margin-top: 15px
    }

    .main-footer .footer-bottom .social-column {
        text-align: center
    }

    .platform-tab-content .inner-content {
        padding: 40px 30px
    }

    .call-action .container-fluid .col-md-12 {
        display: block
    }

    .call-action .leftheading {
        padding-bottom: 0
    }

    .call-action .contact-us {
        padding-bottom: 55px;
        margin-left: 0
    }

    .blog-ul li:first-child {
        width: 60%;
        max-width: 60%
    }

    .video-box .overlay-box span {
        width: 90px;
        height: 90px;
        line-height: 90px
    }

    .video-box .ripple,
    .video-box .ripple:after,
    .video-box .ripple:before {
        width: 90px;
        height: 90px
    }

    .page-detail-view ol {
        padding-left: 13px;
    }

    .page-detail-view ol ol {
        padding-left: 20px;
    }

    .page-detail-view ol ol ol {
        padding-left: 13px;
    }
}

@media only screen and (max-width:599px) {
    .blog-ul li:first-child {
        width: 60%;
        max-width: 60%
    }

    .chat-icon,
    .chat-icon-two {
        display: none !important
    }

    .product-list-view {
        text-align: center
    }
}

@media only screen and (max-width:576px) {
    .blog-ul li:first-child {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }

    .blog-ul {
        display: block !important
    }

    .verfication-img {
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-right: 15px !important;
        margin-bottom: 10px !important
    }

    .field-information-verifycode .col-lg-7 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .video-box .overlay-box span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-top: -30px;
        margin-left: -36px
    }

    .video-box .ripple,
    .video-box .ripple:after,
    .video-box .ripple:before {
        width: 60px;
        height: 60px
    }
}

@media only screen and (max-width:480px) {
    .custom-control-label {
        padding: 0 10px;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #071c4d !important;
        width: 100%;
        cursor: pointer;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .login-page .custom-control-label {
        display: inline !important;
        padding-top: 6px;
    }

    .yt-link iframe {
        height: 230px;
    }

    .content {
        padding: 22px;
    }
}

@media (min-width : 768px) and (max-width: 1215px) {
    .login-page {
        flex: 0 0 60.333%;
        max-width: 60.333%;
    }
}

@media (max-width : 400px) {
    .col-md-6.forgot-password a {
        font-size: 13px;
    }

    #loginform-rememberme~.custom-control-label {
        font-size: 12px !important;
    }
}

@media (max-width : 768px) {

    .fb_iframe_widget_fluid_desktop,
    .fb_iframe_widget_fluid_desktop span,
    .fb_iframe_widget_fluid_desktop iframe {
        width: 100% !important;
    }
}