@media only screen and (max-width:1024px)
{
    .security
    {
        height:auto;
    }
    .send-money
    {
        height:auto;
    }
}

@media only screen and (max-width:768px)
{
    .contact-content h5.card-title {
        color: #0088D0;
    }
    ul.list-style-none
    {
        padding:20px;
    }
    .mobile-featured-security
    {
        background: #c7e3f2;
    }
    .our-partner-logo ul li
    {
        padding:10px;
    }
    br {
        display: none;
    }
    .help-caption
    {
        padding:50px 5px;
    }
    .toggle-logo img {
        padding: 10px 0 0 10px!important;
    }
    .mobile-color-white
    {
        color:#fff !important;
    }
    .mobile-image {
        margin-top: 30px;
    }
    .mobile-device-logo-image img {
        width: 180px;
    }

    section.content
    {
        text-align:center;
        padding: 0;
        background:#00274D;
    }
    .content-caption
    {
        padding: 10px;
    }
    .mobile-device-logo-image
    {
        display: block;
    }
    a.navbar-brand.mobile-navbar-brand img {
        width: 160px;
    }
    .navbar
    {
        padding:0.5rem 1rem;
    }
    .mobile-navbar-brand
    {
        padding:10px 10px;
    }
    .mobile-header
    {
        display: block;
    }
    .desktop-header
    {
        display:none;
    }
    .bg-skyblue {
        background: #00274D;
    }
    ul.mobile-nav {
        padding: 0 20px;
        position: relative;
    }
    ul.mobile-nav:after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        left: 0;
        top: 65px;
        right: 0;
        height: 1px;
        /*background: #fff;*/
    }
    .mobile-top-nav
    {
        margin-top: 20px;
        /*border-top: 1px solid #fff;*/
        /*border-bottom: 1px solid #fff;*/
    }
    ul.mobile-nav li a {
        padding: 22px 15px;
    }
    .dineuron-menu{width: 100%; height: 100%; opacity: 0; visibility: hidden;}
    .nav-open .dineuron-menu {opacity: 1; visibility: visible; background: #00274D; }
    .dineuron-menu .nav li a{color:#FFF; font-size: 16px; border-bottom: 1px solid #fff; }
    .dineuron-menu .nav li{
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        -webkit-animation-timing-function: cubic-bezier(.45,.005,0,1);
        -moz-animation-timing-function: cubic-bezier(.45,.005,0,1);
        -o-animation-timing-function: cubic-bezier(.45,.005,0,1);
        animation-timing-function: cubic-bezier(.45,.005,0,1);
    }
    .nav-open .dineuron-menu .nav li{
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -webkit-transition: -webkit-transform .2s,opacity .2s;
        transition: transform .2s,opacity .2s;
    }


    .nav-button{position:relative; z-index:1111;  height:42px; display:block; width:0px; padding:12px; }
    .nav-button #nav-icon3{width:24px;height:22px;display:inline-block;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
    .nav-button #nav-icon3 span{display:block;position:absolute;height:3px;width:100%;background:#FFFFFF;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}
    .nav-button #nav-icon3 span:nth-child(1){top:0}
    .nav-button #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3){top:7px}
    .nav-button #nav-icon3 span:nth-child(4){top:14px}
    .nav-open #nav-icon3 span:nth-child(1){top:9px;width:0;left:50%}
    .nav-open #nav-icon3 span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    .nav-open #nav-icon3 span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
    .nav-open #nav-icon3 span:nth-child(4){top:9px;width:0;left:50%}
}


@media only screen and (max-width:600px)
{
	
	button.unsubscribe-btn
	{
		font-size:14px;
	}
	button.save-changes
	{
		font-size:14px;
	}
	.unsubscribe-title-part h4 {
    font-size: 20px;
}

.unsubscribe-title h4 {
    font-size: 20px;
}

.unsubscribe-checkbox-content h5 {
    font-size: 16px;
}

.unsubscribe-checkbox-content p {
    font-size: 14px;
}

.unsubscribe-radio-content h5 {
    font-size: 16px;
}
	.unsubscribe-content h4
	{
		font-size:16px;
	}
	
	.unsubscribe-content-part
	{
		padding:20px;
	}
    .top_announce_content p{padding:0 50px;}
    .our-partner-logo ul li img
    {
        width:80px;
    }
    .mobile-float-none
    {
        float:none;
    }
    .desktop-device-show
    {
        display: none;
    }
    .mobile-device-show
    {
        display: block;
    }
    .mobile-pt-0
    {
        padding-top:0 !important;
    }
    .send-money
    {
        width:100%;
        padding-bottom:50px;
    }
    .security
    {
        width:100%;
        padding-bottom:50px;
    }
    .money-caption
    {
        padding:50px;
    }
    .security-caption
    {
        padding:50px;
    }
    .security-bg img
    {
        height:355px;
        margin:auto;
    }
    .card-columns {
        column-count: 1;
    }
    .card-columns .card
    {
        margin-bottom:0;
    }
    .card-bg-featured .card-block {
        padding: 0 40px 40px 40px;
    }
    .fixed-top.dineuron-menu a img {
        padding: 10px 0 0 20px;
    }
    .about-caption
    {
        padding:50px 20px;
    }
    section.about
    {
        background: #fff;
    }
    .contact-caption
    {
        padding:50px 20px;
    }
    section.contact
    {
        background: #fff;
    }
    .licence-caption
    {
        padding:50px 20px;
        height:auto;
    }
    section.licence
    {
        background: #fff;
    }
    .contact-caption
    {
        height:auto;
    }
    .title-box {
        padding: 30px 30px;
    }

    .panel-default>.panel-heading {
        color: #333;
        background-color: #fff;
        border-color: #e4e5e7;
        padding: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .panel-default>.panel-heading a {
        display: block;
        padding: 15px 30px;
        border-top: 1px solid #a7a7a7;
        text-decoration:none;
        color:#00274D;
    }
    h5.panel-title
    {
        margin-bottom:0;
    }
    .panel-default>.panel-heading a:after {
        content: "";
        position: relative;
        top: -4px;
        display: inline-block;
        font-family: fontawesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: left;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
        font-size: 30px;
        padding-right: 10px;
    }

    .panel-default>.panel-heading a[aria-expanded="true"] {
        background-color: #00274D;
        color: #fff;
    }

    .panel-default>.panel-heading a[aria-expanded="true"]:after {
        content: "\f107";
    }

    .panel-default>.panel-heading a[aria-expanded="false"]:after {
        content: "\f105";
    }

    ul.mobile-accordion {
        list-style: none;
    }

    ul.mobile-accordion li {
        padding: 15px 0px;
    }

    ul.mobile-accordion li a {
        color: #0D0D0D;
        font-size: 20px;
    }
    .accordion-option .toggle-accordion {
        float: left;
        font-size: 16px;
        color: #6a6c6f;
    }

    .panel-body {
        padding: 10px 30px;
        background: #ddecf4;
    }

    h4.panel-title {margin-bottom: 0;}


}