/* Large mobile devices
----------------------------------------------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
    p {
        font-size: 24px;
        line-height: 32px;
    }
    .cookie-body h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .cookie-text .textual-link-button {
        font-size: 26px;
        line-height: 34px;
    }
    .cookie-accept span {
        font-size: 20px;
        line-height: 28px;
    }
    .cookie-container button {
        width: auto;
        height: auto;
        padding: 10px 15px;
    }
    .cookie-container button .fa {
        top: 15px;
    }

    .header .logo img {
        width: 200px;
        float: left;
        margin: 0;
    }
    .header .header-top .col-xs-12 {
        width: 50%;
    }
    .header .utility-nav {
        margin-top: 18px;
    }
    .header .logo {
        float: left;
        width: 100%;
    }
	.poc1.sticky .logo img{
		width:200px;
		margin-top:10px;
		margin-left:15px;
		margin-bottom:15px;
	}
	.poc1.sticky .logo{
		max-height:150px;
	}
    .alert.alert-danger {
        margin-top: 15px;
    }
    .mobile-menu-opened .navigation-mobile {
        top: 89px!important;
    }
    .navigation-mobile .menu-mobile > li,
    .navigation-mobile .menu-mobile .drop-down .sub-menu ul li a {
        font-size: 36px;
        line-height: 44px;
    }
    .navigation-mobile .menu-mobile > .drop-down::after {
        top: 18px;
        font-size: 28px;
    }
    .my-account-control h3,
    .freight-account h3,
    .alert.alert-danger strong {
        font-size: 28px;
        line-height: 28px;
    }
    .account-panels .fa-user {
        font-size: 32px;
    }
    .alert strong:after {
        font: normal normal normal 28px/28px FontAwesome;
        top:0px;
    }
    .account-panels .panel-heading {
        padding: 0px 25px 0px 40px;
    }
	.sticky-panels .account-panels .panel-heading:after, .home .account-panels .panel-heading:after
    .alert strong {
        padding: 5px 0 5px 25px;
    }
    .alert.alert-danger strong i {
        top: 0px;
		margin-right:10px;
    }
	.alert.alert-danger strong{
		padding-left:30px;
	}
	.alert{
		border-radius:0;
	}
    .account-panels .panel-heading.active:after {
        top: 10px;
    }
    .alert .alert-message {
        font-size: 24px;
        line-height: 32px;
        font-family: 'Arial';
    }
    .header .utility-nav {
        text-align: right;
    }
    .navigation-mobile .search-box input {
        font-size: 20px;
        line-height: 28px;
    }
    .latest-travel-control h3,
    .latest-travel-control .link-button {
        font-size: 28px;
        line-height: 36px;
    }
    .latest-travel-control .fa-clock-o {
        top: 30px;
    }
    .twitter-text .twitter-user, 
    .twitter-text:before {
        font-size: 28px;
        line-height: 36px;
    }
    .twitter-text .twitter-post {
        font-size: 16px;
        line-height: 22px;
    }
    .twitter-text .twitter-content {
        font-size: 24px;
        line-height: 32px;
    }
    .twitter-timestamp .timestamp-date, 
    .twitter-timestamp i {
        font-size: 20px;
        line-height: 28px;
    }
    .twitter-timestamp {
        float: right;
        width: 100%;
        text-align: right;
    }
    .carousel-title h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .carousel-content a {
        font-size: 26px;
        line-height: 34px;
    }
    .footer .signup-text {
        font-size: 28px;
        line-height: 36px;
    }
    .footer .signup-panel.closed {
        height: 140px !important;
    }
    .footer .signup-panel.closed .signup h3.signup-text:after {
        top: 30px;
    }
    .signup-form .outline-button {
        width: auto;
    }
    .signup-form .outline-button span {
        font-size: 20px;
        line-height: 28px;
    }
    .footer-links .links li a {
        font-size: 24px;
        line-height: 32px;
    }
    .footer .links-title {
        font-size: 26px;
        line-height: 34px;
    }
    .footer .copyright-text, .footer .copyright .links li a{
        font-size: 22px;
        line-height: 30px;
    }
	.copyright .links li:before{
		font-size: 22px;
        line-height: 30px;
	}
    .freight-account .outline-button span {
        font-size: 28px;
        line-height: 28px;
    }
    .freight-account .freight-account-message {
        font-size: 24px;
        line-height: 32px;
    }
    .account-links .button.primary-cta-button {
        width: 88%;
        font-size: 20px;
        line-height: 20px;
    }
    .my-account-control .controls label {
        font-size: 24px;
        line-height: 30px;
    }
    .header .logo {
        width: 50%;
    }
	.poc1 .header .utility-nav{
		float:right;
		width:50%;
	}
	.header-top {
		height: auto;
	}
    .breadcrumb {
        float: right;
        font-size: 22px;
        line-height: 30px;
    }
    .breadcrumb > li + li:before {
        font: normal normal normal 18px/1 FontAwesome;
    }
    .calendars h4.panel-title a, .content-page h4.panel-title a {
        font-size: 24px;
        line-height: 32px;
    }
    .calendars .panel-heading:after, .content-page .panel-heading:after {
        top: 20px;
    }
    .calendars p.description {
        font-size: 22px;
        line-height: 30px;
    }
    .legend-list li strong {
        font-size: 24px;
        line-height: 32px;
    }
    .legend-list li:before {
        width: 35px;
        height: 35px;
    }
    .panel-body .page-navigation li a,
    .calendars .event-calendar .ui-datepicker .ui-datepicker-title {
        font-size: 24px;
        line-height: 32px;
    }
    .calendars .page-navigation li a:after,
    .calendars .event-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title:after {
        font: normal normal normal 26px/28px FontAwesome;
    }
    .main-content .col-xs-12, 
    .content-page .col-sm-8,
    .content-page .sidebar .col-sm-4, 
    .content-page .sidebar .col-lg-4 {
        padding: 0 15px;
    }
    
    .panel.icon .heading,
    .panel.large .heading {
        font-size: 28px;
        line-height: 36px;
    }
    .panel.icon .heading i:not(.fa-chevron) {
        top: -4px;
    }
    .tags-cloud [data-tag="28"] a {
        font-size: 24px;
        line-height: 32px;
    }
    ul.list li,
    ul.list li .fa {
        font-size: 28px;
        line-height: 36px;
    }
    .card .heading {
        font-size: 28px;
        line-height: 28px;
    }
    .content-page .page-navigation li {
        margin-right: 0;
        font-size: 26px;
        line-height: 26px;
    }
    button.button.default.submit-contact, 
    button.button.default.print-pdf {
        font-size: 24px;
        line-height: 24px;
    }
    .widget .form label {
        font-size: 24px;
        line-height: 32px;
    }
    .content-page .content .form-title h3 {
        padding-left: 0;
    }
    .form .field-radiobox input[type="radio"] ~ label:before, 
    .form .field-radiobox input[type="radio"] ~ label:after {
        font: normal normal normal 28px/28px FontAwesome;
    }
    .content-page .content .form-title h3,
    .content-page .content h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .contact-info-table strong {
        font-size: 24px;
        line-height: 32px;
    }
    a.icon-link {
        font-size: 24px;
        line-height: 34px;
    }
    ul.list li strong {
        font-size: 24px;
    }
    .content-page .content h2 {
        font-size: 32px;
        line-height: 40px;
    }
}