/* Responsive styles
================================================== */


/* Large Devices, Wide Screens */

@media (min-width: 1200px) {
    /* Dropdown animation */
    .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown.megamenu div.dropdown-menu {
        background: none;
        border: 0;
        box-shadow: none;
        display: block;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
        transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    }
    .navbar-nav .dropdown:hover div.dropdown-menu,
    .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        color: #777;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .navbar-nav .dropdown-backdrop {
        visibility: hidden;
    }
}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (min-width: 1024px) {
    .main-menu {
        margin-top: 10px
    }
    .navbar-header .navbar-brand {
        padding: 0px;
    }
    .dropdown-menu > ul {
        padding: 0 13px;
        box-shadow: none
    }
    .cta-btn {
        padding: 12px 45px
    }
    .sub-text {
        padding: 0;
    }
    .section-padding {
        padding: 60px 0
    }
    .apply_btn,
    .apply_btn:hover {
        font-size: 13px;
    }
    .pdf_item .f_item_text {
        width: 70%
    }
    .atm-icon_item,
    .atm2 {
        margin-top: 15px;
            margin-left: 22px;
    }

    .xfs_img,
    .atm_img {
        margin-top: 0px;
        margin-left: 0;
        image-rendering: -moz-crisp-edges;
    }
    .modules_item .m_item_icon {
        margin-bottom: 15px;
    }
    #hero-area h1 {
        font-size: 40px;
    }
}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 768px) {
    .title {
        font-size: 40px;
    }
    .navbar-header .navbar-brand a {
        padding: 0px;
    }
    .navbar-brand img {
        max-width: 100%;
        margin-top: -8px;
        margin-left: 0px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        margin-top: 30px;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
        margin-top: 30px;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    
    .partners_item {
        padding: 15px 85px;
    }

    #hero-area {
        padding: 10px 0;
    }
    #hero-area h1 {
        margin-top: 130px;
    }
    #hero-area h2 {
        margin-bottom: 40px;
    }
    #about {
        padding: 55px 0 30px 0;
    }
    #about .block img {
        margin-top: 60px
    }
    #about .block {
        padding: 0;
    }
    figure .buttons {
        left: 16%;
    }
    #feature .media {
        margin: 0px 0px 35px;
    }
    #footer .copyright {
        text-align: center;
    }
    #footer .social {
        text-align: center;
    }
    .dropdown-menu {
        list-style: none;
        background: none;
        text-align: center;
        background-color: transparent;
        width: 98%;
    }
    .dropdown-menu > ul > li > a {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        text-decoration: none;
        padding: 15px;
        color: #333;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .dropdown-menu > ul {
        list-style: none;
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: -5px;
        background: #fff;
        background-color: rgba(255, 255, 255, 0.95);
        box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
    }
    .navbar-collapse {
        background: #192953;
        padding-left: 35px
    }
    #top-bar .main-menu li > a {
        color: #fff;
        padding: 18px 10px;
        background: transparent;
        font-size: 20px;
        font-weight: normal;
        text-transform: none;
        text-align: center
    }
    #top-bar .dropdown-menu > ul {
        list-style: none;
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: -5px;
        background: transparent;
        box-shadow: none;
    }
    #top-bar .dropdown-menu > ul > li > a {
        display: block;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.5;
        text-decoration: none;
        padding: 10px 0;
        color: #adb6ce;
        border-bottom: none;
        box-shadow: none;
    }
    .request-btn {
        padding: 10px 100px 10px 100px;
        background: #ffffff;
        color: #192953;
        margin-bottom: 10px;
    }
    .banner-text .banner-heading {
        font-size: 40px
    }
    .atm-icon_item,
    .network_img,
    .network_img2,
    .icon_item_module,
    .icon_item_xfs{
        display: none;
    }
    .modules_item,
    .m-height {
        min-height: auto;
    }
    .modules_item .m_item_icon {
        width: 8%
    }
    .modules_item .m_item_text {
        width: 89%
    }
    .pdf_item .f_item_text {
        width: 100%;
        padding-left: 0;
        padding-top: 20px
    }
    .panel-title {
        text-align: center
    }
    .accordion_text {
        padding: 15px 0;
        
    }
    
    .how-does-it-work-dm {
        margin-left: 0;
        height: 200px;
    }
}


/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (max-width: 480px) {
    .m-top-15,
    .m-top-10,
    .m-top-20,
    .m-0-20,
    .m-0-5,
    .m-0-25 {
        margin-top: 0;
    }
    .m-l-55 {
        margin-left: 80px;
    }
    
    .m-top-40-demo {
    margin-top: 40px;
}

    
    .navbar-fixed-bottom .navbar-collapse,
    .navbar-fixed-top .navbar-collapse {
        max-height: 1000px;
        margin: 20px 0;
    }
    .navbar-brand img {
        max-width: 100%;
        margin-top: -8px;
        margin-left: 0px;
    }
    .navbar-header .navbar-brand {
        padding: 0 10px
    }
    

    .logos {
        line-height: 3.5
    }
    .global-page-header {
        padding: 75px 0 0 0;
    }
    .banner-text .banner-heading {
        font-size: 38px;
    }
    .banner-text .banner-lead-in {
        font-size: 13px;
    }
    .cd-headline.slide .cd-words-wrapper {
        font-size: 30px;
        padding-top: 10px
    }
    #hero-area h1 {
        font-size: 35px;
        line-height: 1.4;
    }
    #hero-area h2 {
        line-height: 32px;
    }
    .cta-text {
        text-align: center;
        margin-top: 0;
        line-height: 1.4
    }
    .panel-title {
        text-align: center
    }
    .accordion_text {
        padding: 15px 0
    }
    .main_features {
        padding-left: 20px;
    }
    
    .features_item {
        margin-top: 20px;
    }
    
    #top-bar .dropdown-menu > ul > li > a {
        font-size: 18px;
        border-bottom: none;
        padding: 10px 0
    }
    #top-bar .dropdown-menu > ul > li > a {
        border-bottom: none;
    }
    
    #top-bar .dropdown-menu > ul  {
        border: none;
    }
    #top-bar .main-menu li a:hover {
        border-bottom: none;
    }
    .sidebar {
        padding-top: 40px;
    }
    .sidebar p {
        font-size: 16px;
    }
    .xfs_img {
        padding-top: 30px;
        padding-left: 0
    }
    .network_img,
    .network_img2 {
        max-width: 90%;
        padding-left: 25px;
    }
    .atm_img {
        padding: 50px
    }
    .atm-icon_item {
        display: none
    }
    .icon_item_module {
        display: none
    }
    #module-list {
        padding: 0 0 60px 0
    }
    .modules_item {
        padding: 25px;
        background: #fafafa
    }
    .modules_item .m_item_icon {
        padding-bottom: 20px
    }
    .modules_item .m_item_text {
        width: 100%
    }
    .map-area {
        padding: 60px 0;
    }
    .location {
        padding-top: 15px;
    }
    #footer-demo .social {
        text-align: center
    }
    .section-padding-demo {
        padding: 15px 0 55px 0;
    }
    #demo h2 {
        font-size: 35px;
    }
    main {
        padding: 20px;
    }
    .pdf_item .f_item_text {
        width: 70%;
        padding-left: 20px;
        padding-top: 10px
    }
    
    .icon_item_xfs {
        display: none
    }
 
    .how-does-it-work-dm {
        display: none
    }
    .client_item {
    padding: 25px 0
}
    
    .vivid-rules-logo {
        left: 26%
    }
    
    .wrapper_404 h1 {
       font-size: 150px; 
    }
    
    .wrapper_404 h2 { 
        font-size: 30px;
    }
}