/*!
 * Generic Responsive Styles v1.0.0
 * Copyright 2019 Kerkyra Lines
 */
@media only screen and (min-width: 1150px) {	
	
	/*
	.container{
		max-width: 1400px;	 
	}
	*/
	
	
}
@media only screen and (max-width: 1300px) {
	
	.cookies-notice{
		max-width: 1050px;
	}
	.cookies-notice .cookies-actions a{
		margin-right: 15px;
		margin-left: 0;
	}
}
@media only screen and (max-width: 1200px) {
	
	.ticket-searcher{
		height: 205px;
	}
	.ticket-searcher-wrapper{
		bottom: 130px;
	}
	.ticket-searcher-wrapper form .form-main-body .from-wrapper,
	.ticket-searcher-wrapper form .form-main-body .to-wrapper{
		width: 275px;
		margin-bottom: 10px;
	}
	.ticket-searcher-wrapper form .form-main-body .selerator,
	.ticket-searcher-wrapper form .form-main-body .date-range-wrapper{
		margin-bottom: 10px;
	}
	.ticket-searcher-wrapper form .form-main-body .date-range-wrapper{
		width: 275px;
	}
	.ticket-searcher .label{
		height: 160px;
	}
	.ticket-searcher-wrapper form .form-main-body .spinner-wrapper{
		margin-left: 31px;
		width: 117px;
	}
	.ticket-searcher-wrapper form .ui-spinner.ui-widget.ui-widget-content{
		width: 100%;
		text-align: center;
	}
	.ticket-searcher-wrapper .form-main-body .submit{
		margin-top: 0;
		margin-right: 10px;
	}
	.reservation-explanation .step .circle{
		width: 130px;
		height: 130px;
		line-height: 125px;
		margin-bottom: 10px;
	}
	.reservation-explanation .step .circle i{
		font-size: 30px;
	}
	.reservation-explanation .seperator{
		margin: 45px 0;
	}
	footer .social-media li{
		margin-right: 5px;
	}
	.spacer {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.content .heading h2 {
	    font-size: 38px;
	}
	.content h3 {
	    font-size: 34px;
	}
	
	.cookies-notice{
		max-width: 100%;
		width: calc(100% - 200px);
		border-radius: 25px;
	}
	.cookies-notice,
	.cookies-notice.semihide{
		bottom: -100% !important;
	}
	.passenger-row,
	.vehicle-row{
		padding-left: 10%;
	}
	.passenger-row:after{
		width: 100%;
		height: 2px;
		position: absolute;
		display: block;
		bottom: -10px;
		opacity: 0.4;
		left: 0;
		content: '';
		background: -moz-linear-gradient(left,  rgba(34,34,34,0) 0%, rgba(34,34,34,0.1) 20%, rgba(34,34,34,0.1) 50%, rgba(34,34,34,0.1) 80%, rgba(34,34,34,0) 100%);
		background: -webkit-linear-gradient(left,  rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 20%,rgba(34,34,34,0.1) 50%,rgba(34,34,34,0.1) 80%,rgba(34,34,34,0) 100%);
		background: linear-gradient(to right,  rgba(34,34,34,0) 0%,rgba(34,34,34,0.1) 20%,rgba(34,34,34,0.1) 50%,rgba(34,34,34,0.1) 80%,rgba(34,34,34,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#00222222',GradientType=1 );
	}
	.passenger-row .col-icon{
		position: absolute;
		left: 15px;
		top: 65px;
		width: 4%;
		max-width: 4%;
		display: block;
	}
	.online-ticket .online-ticket-body .form-row label{
		margin-top: 10px;
	}
	.online-ticket .online-ticket-body .route-selection-form label,
	.online-ticket .online-ticket-body .route-selection-form input{
		width: 100%;
	}
	header .mid-area{
		padding: 10px 0;
	}
	header .logo{
		padding: 5px 0;
		width: 220px;
	}
	.online-ticket .online-ticket-body .form-row .register-selection{
		padding-top: 40px;
	}
	.online-ticket .online-ticket-body .form-row .register-selection label{
		font-size: 12px;
	}
	.passenger-price del, .passenger-price ins {
	    line-height: 50px;
	}
	.vehicle-row .col-icon {
	    -ms-flex: 0 0 8%;
	    flex: 0 0 8%;
	    max-width: 8%;
	}
	.passenger-row, .vehicle-row{
		padding-left: 0;
	}
	.account-box{
		margin-bottom: 15px;
	}
	.account-box .form-main-body .radio-group label {
	    margin: 0 1px;
	    font-size: 14px;
	}
	.helpdesk-ticket .cd-timeline-content{
		width: 100%;
	}
	.checkin-wrapper .remaining-time{
		float: none;
		padding-top: 20px;
		display: block;
		clear: both;
	}
	.passenger-row, .vehicle-row {
	    position: relative;
	}
	.sex-field{
		padding-left: 70px !important;
	}
	.main-navigation ul li a{
		padding: 0 6px;
		font-size: 15px;
	}
	.complex-trip.schedule-graphic figure {
		width: 170px;
		height: 170px;
	}
	.online-ticket .online-ticket-body .row.extra-row{
		padding-left: 0;
	}
	
}
@media only screen and (max-width: 1170px) {
	
	.cd-timeline-img img, .cd-timeline-img i {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 20px;
	}
	
}
@media only screen and (max-width: 992px) {
	
	.main-navigation{
		display: none;
	}
	.mmenu-trigger{
		display: block;
	}
	header .top-area{
		padding: 3px 0;
	}
	header .top-area .container{
		display: none;
	}
	header .mid-area.show-upper-area{
		top: 0 !important;
	}
	header .mid-area{
		padding: 10px 0;
	}
	header .logo {
		width: 250px;
		padding: 9px 0;
	}
	.copyrights p{
		text-align: center;
		margin-bottom: 10px;
	}
	.copyrights .payments-accepted.text-right{
		text-align: center;
	}
	.ticket-searcher-wrapper form .form-main-body .from-wrapper, .ticket-searcher-wrapper form .form-main-body .to-wrapper {
	    width: 250px;
	    margin-bottom: 10px;
	}
	.ticket-searcher-wrapper form .form-main-body .date-range-wrapper{
		width: 240px;
	}
	.ticket-searcher-wrapper form .form-main-body .spinner-wrapper{
		width: 110px;
	}
	.ticket-searcher-wrapper form .form-main-body .spinner-wrapper {
		margin-left: 0;
	}
	.ticket-searcher-wrapper .form-main-body .submit {
	    margin-right: 10px;
	    margin-top: 27px;
	}
	.showcase{
		height: 320px;
	}
	.ticket-searcher-wrapper{
		bottom: 40px;
	}
	.ticket-searcher-wrapper form{
		width: 100%;
	}
	.ticket-searcher-wrapper form .form-main-body .from-wrapper {
	    margin-left: 100px;
	}
	.ticket-searcher .label{
		width: 100px;
		height: 100px;
		position: absolute;
	}
	.ticket-searcher .label:before {
		left: -101px;
		top: -112px;
	}
	.ticket-searcher .label .complex-icon{
		width: 80px;
		height: 80px;
	}
	.global-schedule .calendar{
		margin: 0 auto;
	}
	.global-schedule .global-schedule-w #inline-schedule-datepicker{
		padding-bottom: 40px;
	}
	.reservation-explanation .step{
		width: calc(33.33% - 32px);
	}
	.reservation-explanation .seperator:nth-child(6){
		display: none;
	}
	.reservation-explanation .step:nth-child(7){
		margin-left: 16.66%;
	}
	.company-preview .features .row div .preview-box{
		padding: 20px 0;
	}
	.company-preview .features{
		background-position: center bottom;
		background-size: 80% auto;
		padding-bottom: 170px;
		padding-top: 0;
	}
	.spacer {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.content .heading h2 {
	    font-size: 36px;
	}
	.content h3 {
	    font-size: 32px;
	}
	.cookies-notice{
		padding: 15px 25px 14px 25px;
	}
	.cookies-notice p{
		text-align: center;
		margin-bottom: 15px;
	}
	.cookies-notice .cookies-actions{
		text-align: center;
	}
	.cookies-preferances-popup .popup-box{
		width: 90%;
	}
	.cookies-preferances-popup .cookies-preferances-footer{
		overflow: hidden;
	}
	.cookies-preferances-popup .cookies-preferances-footer a{
		display: block;
		float: left;
		clear: left;
	}
	.cookies-preferances-popup .cookies-preferances-footer .save{
		clear: none;
	}
	.general-schedule .links a{
		width: calc(50% - 3px);
	}
	.general-schedule .gmap-schedule{
		margin-bottom: 20px;
	}
	.fleet-presentation-blocked .vessel-preview figure{
		height: 200px;
	}
	.fleet-presentation-blocked .vessel-preview figcaption{
		padding: 40px 0;
	}
	.fleet-presentation-blocked .vessel-preview:before {
	    opacity: 1;
	}
	.fleet-presentation-blocked .vessel-preview figcaption h3 {
	    opacity: 1;
	    visibility: visible;
	    -moz-transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	    -o-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    transform: translateY(0px);
	}
	.fleet-presentation-blocked .vessel-preview figcaption .more {
	    opacity: 1;
	    visibility: visible;
	    -moz-transform: translateY(0px);
	    -webkit-transform: translateY(0px);
	    -o-transform: translateY(0px);
	    -ms-transform: translateY(0px);
	    transform: translateY(0px);
	}
	.page-template-contact-page aside .widget.contact-details{
		margin-top: 40px;
	}
	.section-404 .titles{
		left: 0;
		text-align: center;
		width: 100%;
	}
	.section-404 .titles h2{
		font-size: 26px;
	}
	.section-404 .titles h3{
		font-size: 18px;
	}
	.account .welcome .wave{
		display: none;
	}
	.online-ticket .ticket-steps .step{
		font-size: 14px;
		line-height: 28px;
	}
	.online-ticket .online-ticket-body .routes-group label .availability {
	    width: 19%;
	    text-align: center;
	    line-height: 30px;
	}
	.online-ticket .online-ticket-body .routes-group label .ship {
	    width: 80%;
	    line-height: 30px;
	}
	.online-ticket .online-ticket-body .routes-group label .times {
	    width: 90%;
	    line-height: 30px;
	    padding-left: 10px;
	}
	.ticket-searcher-wrapper .form-main-body .submit{
		height: 50px;
		font-size: 16px;
	}
	.ticket-searcher-wrapper .form-main-body .submit i,
	.ticket-searcher-wrapper .form-main-body .submit.loading i.fa-spinner{
		display: inline-block;
		font-size: 18px;
	}
	.ticket-searcher h2,
	.ticket-searcher h1{
		top: -41px;
		font-size: 22px;
	}
	.vessel .vessel-details{
		margin-left: 0;
		padding-left: 30px;
		padding-right: 30px;
	}
	.col-icon {
	    -ms-flex: 0 0 6%;
	    flex: 0 0 6%;
	    max-width: 6%;
	}
	.online-ticket .online-ticket-body .form-row .register-selection {
	    padding-top: 10px;
	    padding-left: 7%;
	}
	.online-ticket .online-ticket-body .form-row .register-selection .checkmark{
		height: 38px;
		width: 38px;
	}
	.online-ticket .online-ticket-body .form-row .register-selection .checkbox-container .checkmark::after{
		height: 38px;
		width: 38px;
		line-height: 38px;
		text-align: center;
		font-size: 15px;
	}
	.vehicle-row .col-icon{
		position: absolute;
		left: 15px;
		top: 65px;
		width: 4%;
		max-width: 4%;
		display: block;
	}
	.countdown-wrapper p{
		padding-left: 20px;
	}
	.countdown-wrapper .countdown #countdown{
		padding-bottom: 15px;
	}
	aside#sidebar{
		display: none;
	}
	.account .welcome .mob-sidebar-toggler {
	    font-size: 40px;
		position: absolute;
		right: 20px;
		top: 5px;
		width: auto;
	}
	.account .welcome .current-datetime{
		margin-left: 0;
	}
	.orders .actions a,
	.order-wrapper .actions button{
		margin-top: 10px;
	}
	.dashboard [class*="col"] {
	    margin-bottom: 15px;
	}
	.helpdesk-ticket .cd-timeline-content {
	    width: 101.5%;
	}
	.passenger-row .col-icon,
	.vehicle-row .col-icon{
	    background: #fff;
	    height: calc(100% - 63px);
	    top: 45px;
	    box-shadow: 0 0 49px rgba(0, 0, 0, 0.12);
	}
	.passenger-row, .vehicle-row {
	    position: relative;
	    padding-left: 70px;
	    padding-top: 45px !important;
	}
	.sex-field{
		padding-left: 5px !important;
	}
	.passenger-row .col-icon,
	.vehicle-row .col-icon{
		width: 45px;
		max-width: 45px;
	}
	.general-schedule .routes-maps .links a,
	.general-schedule .routes-maps .links a:last-child,
	.general-schedule .routes-maps .links a:first-child{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.complex-trip.schedule-graphic figure {
		width: 100px;
		height: 100px;
	}
	
}
@media only screen and (max-width: 768px) {
	
	.showcase {
	    height: 430px;
	}
	.ticket-searcher-wrapper{
		bottom: auto;
		top: 60px;
	}
	.ticket-searcher{
		height: auto;
	}
	.ticket-searcher-wrapper form .radio-group{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		float: right;
		background: none;
	}
	.ticket-searcher-wrapper form .radio-group::before{
		display: none;
	}
	.ticket-searcher-wrapper form .form-main-body{
		padding-left: 60px;
	}
	.ticket-searcher-wrapper form .form-main-body .from-wrapper{
		margin-left: 0px;
	}
	.ticket-searcher-wrapper form .form-main-body .from-wrapper, .ticket-searcher-wrapper form .form-main-body .to-wrapper{
		width: calc(50% - 25px);
	}
	.ticket-searcher-wrapper form .form-main-body .date-range-wrapper {
	    width: calc(100% - 10px);
	    margin-left: 0px;
	}
	.ticket-searcher-wrapper form .form-main-body .spinner-wrapper {
	    margin-left: 0;
	    margin-right: 30px;
	}
	.spacer {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
	.content .heading h2 {
	    font-size: 28px;
	}
	.content h3 {
	    font-size: 22px;
	}
	.infobox blockquote p{
		font-size: 18px;
		line-height: 28px;
	}
	.page-header h1{
		font-size: 32px;
	}
	.btn-large {
	    height: 48px;
	    line-height: 48px;
	    padding: 0 20px;
	    font-size: 14px;
	    font-weight: 300;
	}
	
	.ticket-searcher .label{
		width: 70px;
		height: 70px;
	}
	.ticket-searcher .label .complex-icon{
		width: 60px;
		height: 60px;
	}
	.ticket-searcher .label .complex-icon i{
		font-size: 26px;
		line-height: 85px;
	}
	.ticket-searcher .label::before{
		left: -40px;
		top: -50px;
		width: 110px;
		height: 110px;
	}
	.ticket-searcher-wrapper form .form-main-body{
		padding-left: 10px;
		padding-top: 10px;
	}
	.global-schedule .heading h3,
	.global-schedule .heading h2{
		font-size: 26px;
	}
	.global-schedule .heading p{
		font-size: 13px;
	}
	
	
	.calendar{
		position: fixed !important;
		left: 50% !important;
		top: 50% !important;
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	.calendar:before{
		display: none;
	}
	.calendar:after{
		position: absolute;
		content: '';
		width: 4000px;
		height: 4000px;
		background: rgba(0,0,0,0.5);
		left: -2000px !important;
		top: -2000px !important;
		z-index: -1;
	}
	.calendar .month-name-container,
	.calendar .week-label, 
	.calendar .week-name-container,
	.calendar .header{
		background: #fff;
	}
	.global-schedule .calendar{
		position: relative !important;
		left: auto !important;
		top: auto !important;
		-moz-transform: translateX(0) translateY(0);
		-webkit-transform: translateX(0) translateY(0);
		-o-transform: translateX(0) translateY(0);
		-ms-transform: translateX(0) translateY(0);
		transform: translateX(0) translateY(0);
	}
	.general-schedule .links a{
		width: 100%;
	}
	.schedule-graphic figure{
		width: 150px;
		height: 150px;
	}
	.schedule-graphic figure figcaption{
		font-size: 18px;
	}
	.global-schedule aside .widget.widget-menu ul{
		padding-left: 0;
		padding-top: 20px;
	}
	.single-post .heading h2,
	.faq-container .heading h2,
	.contact .heading h2 {
	    font-size: 26px;
	}
	.faq-container h3.subject{
		font-size: 18px;
	}
	.online-ticket .ticket-steps .step .label{
		color: transparent;
	}
	.online-ticket .online-ticket-body .selections .spinner-wrapper:last-child{
		margin-right: 0px;
		margin-left: 20px;
	}
	.passenger-row,
	.vehicle-row{
		padding-left: 70px !important;
	}
	.passenger-row .col-icon,
	.vehicle-row .col-icon{
		width: 45px;
		max-width: 45px;
	}
	.comiseo-daterangepicker-presets, .comiseo-daterangepicker-calendar{
		height: auto;
	}
	.comiseo-daterangepicker .ui-datepicker {
	    width: auto;
	    max-width: auto;
	    min-width: auto;	
	}
	.comiseo-daterangepicker-main .ui-datepicker.ui-widget.ui-widget-content td span, 
	.comiseo-daterangepicker-main .ui-datepicker.ui-widget.ui-widget-content td a{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 11px;
	}
	.col-icon {
	    -ms-flex: 0 0 8%;
	    flex: 0 0 8%;
	    max-width: 8%;
	}
	.online-ticket .online-ticket-body .form-row .register-selection {
	    padding-left: 9%;
	}
	.pick-checkout-method .text-left, .pick-checkout-method .text-right {
	    text-align: center;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	.narrow-spacer {
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	.countdown-wrapper p{
		padding-bottom: 20px;
	}
	.online-ticket .online-ticket-body .radio-group{
		padding-top: 0;
		padding-bottom: 10px;
	}
	.online-ticket .online-ticket-body .form-row.payment-wrapper .payment-type-selection label{
		margin-left: 0;
		margin-right: 0;
	}
	.dashboard [class*="col"] {
	    margin-bottom: 10px;
	}
	.dashboard .dashbox{
		padding: 30px 80px 30px 40px;
	}
	.dash-box-wrapper .dash-box h2 {
	    font-size: 22px;
	    margin-bottom: 5px;
	}
	.passenger-row, .vehicle-row{
		padding-left: 15px;
		padding-right: 15px;
	}
	.account-box .form-main-body .radio-group label{
		margin: 0 1px 10px 0;
		font-size: 14px;
		display: block;
		text-align: left;
		line-height: 40px;
	}
	.account-box .form-main-body .radio-group{
		padding-top: 0;
		padding-bottom: 0;
	}
	.account-box .radio-group .checkmark {
	    top: 0;
	}
	.helpdesk-ticket .cd-timeline-content {
	    width: 98%;
	}
	.reservation-table .row.heading{
		display: none;
	}
	.mob-spacer-bot{
		padding-bottom: 10px;
	}
	.reservation-table .row > div{
		white-space: normal;
	}
	.checkin-wrapper{
		padding-top: 10px;
	}
	.checkin-wrapper .summary input{
		width: 30px;
	}
	.reservation-table .row > div strong{
		display: block;
		text-align: right;
	}
	.checkin-wrapper h3{
		font-size: 20px;
	}
	.route-results-wrapper{
		display: none;
	}
	.route-results-wrapper.active{
		display: block;
	}
	.checkin-wrapper .row{
		margin-left: -5px;
		margin-right: -5px;
		text-align: center;
	}
	.checkin-wrapper [class*=col]{
		padding-left: 5px;
		padding-right: 5px;
	}
	body.vessel-checkout-page footer,
	body.vessel-checkout-page .copyrights,
	body.vessel-checkout-page #notification-center,
	body.vessel-checkout-page #floating-nav{
		display: none;
	}
	body.vessel-checkout-page main{
		min-height: calc(100vh - 79px)
	}
	.checkin-wrapper .checkbox-container{
		vertical-align: middle;
	}
	.checkin-wrapper .lbl{
		display: inline-block;
		vertical-align: middle;
		margin-right: 5px;
	}
	.checkin-wrapper .smart-mob{
		display: none;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.reservation-table .row > div{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.reservation-table .smart-mob-trigger{
		display: block;
		width: 20px;
		height: 20px;
		text-align: center;
		line-height: 20px;
		background: #002c73;
		color: #fff !important;
		border-radius: 100%;
		margin: 0 auto;
	}
	.online-ticket .online-ticket-body .form-row label i{
		margin-right: 6px;
	}
	.online-ticket .online-ticket-body #guest-form .form-row .register-selection{
		padding-left: 5px;
	}
	.showcase{
		overflow: inherit;
	}
	.complex-trip.schedule-graphic figure{
		margin: 0 2px;
	}
	
}
@media only screen and (max-width: 660px) {
	
	.cookies-notice .cookies-actions a {
	    margin-right: 15px;
	    margin-left: 0;
	    min-width: 250px;
	    margin-bottom: 10px;
	    background: rgba(0,0,0,0.08);
	}
	.cloud{
		transform: scale(0.5);
	}
	.section-404 .titles{
		top: 19vh
	}
	.cloud.cloud-2 {
	    top: 32vh;
	    left: 4vw;
	    transform: scale(0.9);
	}
	.section-404 .titles h2 {
	    font-size: 15px;
	    line-height: 24px;
	}
	.section-404 .titles h3 {
	    font-size: 12px;
	    line-height: 24px;
	}
	@keyframes pulse {
		from { transform: scale(0.5); opacity: 0.6; }
		50% { transform: scale(0.6); opacity: 0.7; }
		to { transform: scale(0.5); opacity: 0.6; }
	}
	@-webkit-keyframes blink {
		from { transform: scale(0.5); opacity: 0.6; }
		50% { transform: scale(0.6); opacity: 0.7; }
		to { transform: scale(0.5); opacity: 0.6; }
	}
	
}
@media only screen and (max-width: 641px) {
	
	footer .newsletter .gform_wrapper .gform_footer input.button, 
	footer .newsletter .gform_wrapper .gform_footer input[type="submit"], 
	footer .newsletter .gform_wrapper .gform_page_footer input.button, 
	footer .newsletter .gform_wrapper .gform_page_footer input[type="submit"]{
		width: auto;
	}
	.gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.contact-form_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
	max-width: 100%;
	padding: 0;
	}
	.gform_wrapper.contact-form_wrapper div.validation_error{
		max-width: 100%;
	}
	
}
@media only screen and (max-width: 576px) {
	
	main{
		padding-bottom: 5px;
	}
	.showcase {
	    height: 520px;
	}
	footer .widget-area div:not(.non-colapsable) h3{
		cursor: pointer;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		display: block;
		font-size: 20px;
	}
	footer .widget-area div:not(.non-colapsable) h3:after{
		content: '+';
		position: absolute;
		right: 10px;
		top: 0;
	}
	footer .widget-area div:not(.non-colapsable) h3.active:after{
		content: '-';
	}
	footer .widget-area div:not(.non-colapsable) ul,
	footer .widget.menu-widget div:not(.non-colapsable) ul{
		display: none;
	}
	footer .logo{
		display: none;
	}
	footer .widget{
		margin-bottom: 20px;
	}
	footer .social-media{
		display: block !important;
	}
	footer .widget.menu-widget ul li a{
		font-size: 16px;
	}
	.spacer {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.content .heading h2 {
	    font-size: 24px;
	}
	.content h3 {
	    font-size: 18px;
	}
	.infobox blockquote p{
		font-size: 16px;
		line-height: 24px;
	}
	.infobox blockquote,
	.infobox .infobox-wrapper{
		padding-left: 20px;
		padding-top: 50px;
		text-align: center;
	}
	.infobox blockquote i,
	.infobox .infobox-wrapper i{
		top: 0;
		margin-top: 0px;
		opacity: 1;
		left: 50%;
		margin-left: -25px;
	}
	.breadcrumbs a, .breadcrumbs span{
		font-size: 11px;
	}
	.page-header{
		text-align: center;
	}
	.page-header h1{
		margin-bottom: 10px;
	}
	.page-header .btn {
	    float: none;
	}
	.login-register .accordion-tab-content h1{
		display: block;
	}
	.accordion-tab-content{
		padding: 0;
	}
	.ticket-searcher-wrapper form .form-main-body .spinner-wrapper{
		width: calc(50% - 10px);
		margin-right: 10px;
		margin-bottom: 15px;
	}
	.ticket-searcher-wrapper .form-main-body .submit {
	    margin: 20px 0 0;
	    float: none;
	    clear: both;
	    display: block;
	    width: calc(100% - 10px);	
	}
	.cookies-notice{
		width: calc(100% - 20px);
		border-radius: 15px;
	}
	.cookies-notice.visible {
	    bottom: 10px;
	}
	.cookies-tabs .accordion-tab-content{
		width: 100%;
		float: none;
		padding: 0;
	}
	.cookies-preferances-popup .popup-box{
		height: calc(100% - 20px);
	}
	.cookies-tabs{
		height: calc(100% - 192px);
		overflow: scroll;
	}	
	.cookies-preferances-popup .popup-box{
		width: calc(100% - 20px);
		top: 10px;
	}
	.cookies-preferances-popup.active .popup-box{
		-moz-transform: translateX(-50%) translateY(0);
		-webkit-transform: translateX(-50%) translateY(0);
		-o-transform: translateX(-50%) translateY(0);
		-ms-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0);
	}
	.cookies-preferances-popup .cookies-preferances-heading h2{
		font-size: 20px;
	}
	.cookies-preferances-popup .cookies-preferances-heading img{
		height: 31px;
		margin-right: 20px;
	}
	.cookies-tabs .accordion-tab-content h3{
		font-size: 14px;
		font-weight: 300;
	}
	.cookies-tabs .accordion-tab-content h3 .light-blue{
		display: none;
	}
	.cookies-tabs .accordion-tab-content p{
		font-size: 13px;
	}
	.cookies-preferances-popup .ui-accordion .ui-icon::before{
		content: '\f067';
	}
	.cookies-preferances-popup .ui-accordion .ui-accordion-header.ui-accordion-header-active .ui-icon::before {
	    content: '\f068';
	}
	.cookies-preferances-popup .cookies-preferances-footer .save {
	    clear: both;
	    float: left;
	    margin-top: 20px;
	}
	footer .contact-details .contact-entry a{
		display: block;
	}
	.page-header{
		padding-top: 15px;
		padding-bottom: 0px;
	}
	.page-header .btn{
		margin-bottom: 15px;
	}
	.page-header h1 {
	    display: block;
	    text-align: center;
	    float: none;
	    width: 100%;
	    max-width: 100%;
	    margin-bottom: 15px;	
	}
	.online-ticket .online-ticket-body{
		padding: 0;
		background: none;
		-webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0);
		-moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0);
		box-shadow: 0 0 49px rgba(0, 0, 0, 0);
	}
	.mobile-spacer{
		padding-bottom: 20px;
	}
	.online-ticket .online-ticket-body .form-row {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	.online-ticket .online-ticket-body .form-row .submit, .online-ticket .online-ticket-body .form-row.navigation-controll button, .online-ticket .online-ticket-body .form-row.navigation-controll a{
		padding: 0;
		width: 100%;
	}
	/* 	Edited for menoume spiti 20/3/2020 */
	.online-ticket .ticket-steps {
		/* 	    display: none; */
	}
	.online-ticket .online-ticket-main {
	    padding-top: 0px;
	    padding-bottom: 10px;
	}
	.online-ticket .online-ticket-body .selections .spinner-wrapper{
		margin-right: 5px;
		width: calc(50% - 5px);
	}
	.online-ticket .online-ticket-body .selections .spinner-wrapper:last-child{
		margin-left: 5px;
	}
	.passenger-row .col-icon,
	.vehicle-row .col-icon{
	    background: #fff;
	    height: calc(100% - 55px);
	    top: 45px;
	}
	.form-row.navigation-controll [class*=col]{
		padding-bottom: 10px !important;
	}
	.online-ticket .online-ticket-body .form-row.navigation-controll button.back, 
	.online-ticket .online-ticket-body .form-row.navigation-controll a.back{
		opacity: 0.8;	
	}
	.online-ticket .online-ticket-body .form-row.navigation-controll .submit, 
	.online-ticket .online-ticket-body .form-row.navigation-controll button, 
	.online-ticket .online-ticket-body .form-row.navigation-controll a{
		margin-top: 0;
	}
	.copyrights{
		padding-bottom: 10px;
	}
	.online-ticket-page .page-header,
	.online-ticket-page .breadcrumbs{
		display: none;
	}
	.narrow-spacer{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.online-ticket .online-ticket-body .details p{
		font-size: 16px;
	}
	.online-ticket .online-ticket-body .radio-group{
		padding-top: 10px;
		padding-bottom: 0;
	}
	.general-schedule .heading h2{
		font-size: 32px;
	}
	.comiseo-daterangepicker-calendar{
		border: none;
	}
	.comiseo-daterangepicker-main .ui-datepicker.ui-widget.ui-widget-content td span, 
	.comiseo-daterangepicker-main .ui-datepicker.ui-widget.ui-widget-content td a {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 13px;
	}
	.comiseo-daterangepicker-buttonpanel .ui-button{
		padding: 5px 12px;
	}
	.global-schedule .global-schedule-w #inline-schedule-datepicker{
		padding-bottom: 0;
	}
	.global-schedule .global-schedule-w .global-schedule .ui-datepicker{
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
	.global-schedule .from-wrapper, .global-schedule .to-wrapper{
		width: calc(50% - 15px);
		margin-right: 0;
	}
	.global-schedule .selerator{
		margin-left: 5px;
		margin-right: 5px;
	}
	.company-preview .heading h2{
		font-size: 28px;
	}
	.online-ticket .online-ticket-body .step1 {
	    padding-left: 15px !important;
	    padding-right: 15px !important;	
	}
	.ui-spinner a.ui-spinner-button,
	.ui-spinner a.ui-spinner-button.ui-spinner-down::before,
	.ui-spinner a.ui-spinner-button.ui-spinner-up::before{
		width: 50px;
	}
	
	.online-ticket .online-ticket-body .routes-wrapper{
		overflow-x: hidden;
	}
	.online-ticket .online-ticket-body .route-selection-form label{
		line-height: 20px;
	}
	.online-ticket .online-ticket-body .routes-group label .ship{
		width: calc(80% - 120px);
	}
	.online-ticket .online-ticket-body .routes-group label .times{
		width: 120px;
	}
	.online-ticket .online-ticket-body .routes-group label{
		padding: 5px 10px 5px 40px;
		margin-bottom: 0;
	}
	.online-ticket .online-ticket-body .form-row label{
		margin-top: 5px;
	}
	.col-icon {
	    -ms-flex: 0 0 12%;
	    flex: 0 0 12%;
	    max-width: 12%;
	}
	.online-ticket .online-ticket-body .user-form h4{
		font-size: 18px;
	}
	.online-ticket .online-ticket-body .form-row label{
		font-size: 15px;
	}
	.online-ticket{
		overflow-x: hidden;
	}
	.online-ticket .online-ticket-body .form-row .register-selection {
	    padding-left: 15%;
	}
	.passenger-price.text-right,
	.vehicle-price.text-right{
		text-align: left;
	}
	.total.totals-box .text-right{
		text-align: center;
	}
	.online-ticket .online-ticket-body .field-wrapper:not(.has-discount) ins {
	    margin-top: 0;
	}
	.passenger-price del, .passenger-price ins {
	    line-height: 30px;
	}
	.countdown-wrapper {
	    position: relative;
	    padding: 5px 0 0;
	    margin-bottom: 0;
	}
	.hidden-terms{
		height: calc(100vh - 30px);
		width: calc(100% - 30px);
		left: 20px;
	}
	.hidden-terms-popup.active .hidden-terms{
		top: 10px;
	}
	.hidden-terms .close-terms{
		right: -10px;
		top: -10px;
	}
	.hidden-terms-popup.active .hidden-terms{
		top: 20px;
	}
	.hidden-terms h2{
		font-size: 22px;
	}
	.page-header .btn{
		display: none;
	}
	.orders .ui-accordion .ui-accordion-header .order-title-inner{
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
	}
	.order-wrapper{
		padding: 10px 20px;
	}
	.reservation-table .row > div.text-right:last-child{
		text-align: left;
	}
	.notification-center .accordion-tab-content ul li:not(.option), .notification-center .messages ul li:not(.option){
		padding-left: 50px;
		position: relative;
	}
	.notification-center .messages ul li a .type-icon {
	    position: absolute;
	    left: 10px;
	    top: 50%;
	    width: 30px;
	    line-height: 30px;
	    height: 30px;
	    margin-top: -15px;
	}
	.notification-center .accordion-tab-content ul li a time, .notification-center .messages ul li a time{
		display: block;
		text-align: left;
		width: 100%;
		float: none;
		font-style: italic;
		font-size: 13px;
	}
	.notification-center .accordion-tab-content ul li a .fa-angle-right, .notification-center .messages ul li a .fa-angle-right{
		position: absolute;
	    right: 10px;
	    top: 50%;
	    width: 30px;
	    line-height: 30px;
	    height: 30px;
	    margin-top: -15px;
	}
	.account-box table{
		display: block;
		width: 100%;
	}
	.account-box table thead{
		display: none;
	}
	.account-box table tbody{
		display: block;
	}
	.account-box table tbody tr{
		display: block;
		padding: 12px 20px;
		position: relative;
	}
	.account-box table tbody tr td{
		display: block;
		padding: 0;
	}
	.account-box table tbody tr td .fa-arrow-right {
	    display: block;
	    position: absolute;
	    right: 20px;
	    top: 50%;
	    height: 20px;
	    line-height: 20px;
	    margin-top: -10px;
	}
	.helpdesk-account-box{
		padding: 0;
		background: none;
		box-shadow: none;
	}
	.helpdesk-ticket .cd-timeline-content {
	    width: auto;
	}
	.tm-member-wrapper .tm-member-form-container{
		padding: 0;
		box-shadow: none;
		background: none;
	}
	.tm-member-wrapper .tm-member-notifications{
		margin: 0;
	}
	.tm-member-wrapper .tm-member-notifications p{
		padding: 10px 10px 10px 20px;
	}
	.passenger-row, .vehicle-row {
	    position: relative;
	    padding-left: 70px;
	    padding-top: 45px !important;
	}
	.error-message-wrapper, .note-wrapper {
	    padding: 30px 15px 0;
	    margin-bottom: 20px;
	}
	.error-message-wrapper .label{
		left: 15px;
		top: 0;
	}
	.note-wrapper .important-top-note p,
	.note-wrapper .important-top-note ul li{
		font-size: 13px;
	}
	.reservation-table .row > div strong {
	    text-align: center;
	}
	.checkin-wrapper h3,
	.page-of-contents h2{
		font-size: 18px;
	}
	.page-of-contents .pof-section p, .hidden-terms .pof-section p{
		font-size: 13px;
		line-height: inherit;
	}
	.online-ticket .online-ticket-body #return-routes.routes-wrapper{
		padding-top: 20px;	
	}
	
	.showcase{
		height: auto;
		background: none;
		min-height: auto;
		overflow-x: hidden;
	}
	.ticket-searcher-wrapper{
		position: relative;
		bottom: auto;
		top: auto;
		padding: 0;
	}
	.ticket-searcher h2,
	.ticket-searcher h1{
		position: relative;
		top: auto;
		text-shadow: none;
		text-align: center;
		padding: 12px 0 10px;
		background: #00adef;
		background: -moz-linear-gradient(left,  #00adef 0%, #002c73 100%);
		background: -webkit-linear-gradient(left,  #00adef 0%,#002c73 100%);
		background: linear-gradient(to right,  #00adef 0%,#002c73 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adef', endColorstr='#002c73',GradientType=1 );
		color: #fff;
		margin: 0;
	}
	.ticket-searcher .label{
		display: none;
	}
	.ticket-searcher-wrapper form .radio-group{
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}
	.ticket-searcher-wrapper form{
		padding: 17px 5px;
	}
	.ticket-searcher-wrapper form .ui-spinner.ui-widget.ui-widget-content{
		line-height: 40px;
		height: 40px !important;
	}
	.ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button, .ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button.ui-spinner-down::before, .online-ticket-body .ui-spinner a.ui-spinner-button.ui-spinner-down::before, .ticket-searcher-wrapper form .ui-spinner a.ui-spinner-button.ui-spinner-up::before, .online-ticket-body .ui-spinner a.ui-spinner-button.ui-spinner-down::before{
		line-height: 40px;
		height: 40px;
	}
	.mmenu-trigger span{
		display: none;
	}
	.mmenu-trigger,
	.vessel-checkin-trigger{
		font-size: 25px;
		padding: 4px 10px 0;
	}
	.contact .contact-places .place{
		padding-bottom: 20px;
	}
	.contact .contact-places figure{
		width: 140px;
		height: 140px;
		margin-bottom: 10px;
	}
	.contact .contact-places figure figcaption{
		font-size: 16px;
	}
	.general-schedule .routes-maps .links a {
	    width: auto;
	    padding: 0 30px;
	    display: inline-block;
	    float: none;
	    margin: 0 auto 5px !important;
	}
	.announcement{
		margin: 0;
	}
	.breaking-news-ticker .breaking-news-read-more span{
		display: none;
	}
	.itinerary-table-button-wrapper{
		padding-top: 30px;
	}
	aside .widget.widget-menu{
		padding-top: 5px;
	}
	.note-wrapper .important-top-note{
		margin-top: 30px;
	}
	.note-wrapper .label{
		left: 15px;
		top: 23px;
	}
	.complex-trip.schedule-graphic figure {
		display: inline-block;
		margin: 50px 15px 6px;
		width: 140px;
		height: 140px;
	}
	.complex-trip.schedule-graphic .fa-long-arrow-right{
		display: none;
	}
	.online-ticket .ticket-steps{
		margin-bottom: 22px;
	}
	.extra-footer-note.slim{
		width: calc(100% - 40px);
		bottom: 20px;
	}
	.ticket-searcher-wrapper .route-hidden-message{
		position: relative;
		top: auto;
		z-index: 0;
		clear: both;
		left: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		width: 100%;
		text-align: center;
	}
	.ticket-searcher-wrapper .route-hidden-message:before,
	.ticket-searcher-wrapper .route-hidden-message:after{
		display: none;
	}
	
}
@media only screen and (max-width: 470px) {
	
	.reservation-steps-explanation h2{
		font-size: 22px;
	}
	.reservation-explanation .step{
		width: 100%;
		float: none;
	}
	.reservation-explanation .seperator:nth-child(6){
		display: block;
	}
	.reservation-explanation .step:nth-child(7){
		margin: 0;
	}
	.reservation-explanation .seperator {
	    margin: 25px auto;
	    float: none;
	    clear: both;
	}
	.reservation-explanation .seperator{
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.reservation-explanation .seperator::after,
	.reservation-explanation .seperator::before{
		width: 30px;
	}
	.calendar{
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.9);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
		-o-transform: translateX(-50%) translateY(-50%) scale(0.9);
		-ms-transform: translateX(-50%) translateY(-50%) scale(0.9);
		transform: translateX(-50%) translateY(-50%) scale(0.9);
	}
	.page-header h1{
		font-size: 26px;
	}
	.global-schedule .heading h2{
		font-size: 26px;
	}
	.schedule-graphic figure {
	    width: 100px;
	    height: 100px;
	    margin: 0 10px;
	}
	.schedule-graphic figure figcaption {
	    font-size: 14px;
	}	
	.single-schedule-form label{
		margin-bottom: 10px;
	}
	.global-schedule .table-wrapper table thead th{
		padding: 5px 10px;
		font-size: 13px;
	}
	.global-schedule .table-wrapper table tbody td{
		padding: 5px 10px;
		font-size: 14px;
	}
	.checkin-wrapper h3{
		font-size: 16px;
	}
	.general-schedule .routes-maps .links a{
		width: 100%;
	}
	
}
@media only screen and (max-width: 450px) {
	
	.showcase{
		height: auto;
	}
	.ticket-searcher-wrapper{
		position: relative;
		bottom: auto;
		top: auto;
	}
	.ticket-searcher h2,
	.ticket-searcher h1{
		font-size: 18px;
	}
	.ticket-searcher-wrapper form .radio-group label{
		font-size: 12px;
		margin-left: 5px;
	}
	/*
	.ticket-searcher-wrapper form .form-main-body .selerator{
		display: none;
	}
	*/
	header .logo {
	    width: 170px;
		padding: 13px 0;
	}
	.ticket-searcher-wrapper form .form-main-body .from-wrapper, .ticket-searcher-wrapper form .form-main-body .to-wrapper {
		/* width: calc(100% - 10px); */
	    width: calc(44% - 10px);
	}
	.ticket-searcher .label{
		display: none;
	}
	.ticket-searcher-wrapper form .form-main-body{
		padding-left: 10px;
	}
	.ticket-searcher-wrapper form .radio-group{
		float: left;
		padding: 0;
	}
	.global-schedule .global-schedule-w #inline-schedule-datepicker{
		overflow: hidden;
	}
	.cookies-tabs .accordion-tab-content h3{
		padding-right: 40px;
	}
	.calendar{
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
		-o-transform: translateX(-50%) translateY(-50%) scale(0.8);
		-ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
		transform: translateX(-50%) translateY(-50%) scale(0.8);
	}
	.fleet-presentation-blocked .vessel-preview,
	.related-posts article{
		margin-bottom: 10px;
	}
	.fleet-presentation-blocked .vessel-preview figure,
	.related-posts article figure{
		height: 120px;
	}
	.fleet-presentation-blocked .vessel-preview figcaption,
	.related-posts article figcaption {
	    padding: 35px 0;
	}
	.fleet-presentation-blocked .vessel-preview figcaption .more,
	.related-posts article figcaption .more{
		display: none;
	}
	.online-ticket .online-ticket-body .radio-group{
		text-align: left;
	}
	.online-ticket .online-ticket-body .radio-group label {
	    margin: 0 10px 15px 0;	
	}
	.online-ticket .online-ticket-body .selections .spinner-wrapper{
		width: 100%;
		margin: 10px 0 0 0;
	}
	.online-ticket .online-ticket-body .selections .spinner-wrapper:last-child{
		margin-left: 0;
	}
	.single-schedule-form input{
		width: 100%;
		margin: 0;
		text-align: center;
	}
	.online-ticket .online-ticket-body .routes-group label .ship{
		width: 80%;
	}
	.online-ticket .online-ticket-body .routes-group label .times {
	    width: 100%;
	    padding-left: 45px;
	}
	
	.extra-footer-note{
		width: calc(100% - 25px);
		border-radius: 10px 10px 10px 0;
		padding: 20px;
	}
	.extra-footer-note.rollIn{
		width: calc(100% - 100px);
	}
	.extra-footer-note p{
		font-size: 16px;
	}
	
}
@media only screen and (max-width: 400px) {
	
	.account .welcome .mob-sidebar-toggler{
		font-size: 28px;
		top: 11px;
	}
	.account .welcome {
		display: none;
	}
	.account .welcome .current-datetime i{
		line-height: 17px;
	}
	.dash-box-wrapper .dash-box h2,
	.tm-member-wrapper h2{
		font-size: 18px;
	}
	.update-profile .submit, .update-profile .button{
		padding-left: 25px;
		padding-right: 25px;
	}
	
	
}
@media only screen and (max-width: 360px) {
	
	.calendar{
		-moz-transform: translateX(-50%) translateY(-50%) scale(0.7);
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0.7);
		-o-transform: translateX(-50%) translateY(-50%) scale(0.7);
		-ms-transform: translateX(-50%) translateY(-50%) scale(0.7);
		transform: translateX(-50%) translateY(-50%) scale(0.7);
	}
	.online-ticket .online-ticket-body .form-row.navigation-controll button, 
	.online-ticket .online-ticket-body .form-row.navigation-controll a{
		font-size: 13px;
	}
	.ui-datepicker.ui-widget.ui-widget-content{
		left: 50% !important;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.comiseo-daterangepicker-main .ui-datepicker.ui-widget.ui-widget-content,
	.global-schedule .ui-datepicker.ui-widget.ui-widget-content{
		left: 0 !important;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.ui-datepicker.ui-widget.ui-widget-content td span, 
	.ui-datepicker.ui-widget.ui-widget-content td a {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.online-ticket .online-ticket-body .radio-group label{
		font-size: 14px;
	}
	.ui-spinner a.ui-spinner-button,
	.ui-spinner a.ui-spinner-button.ui-spinner-down::before,
	.ui-spinner a.ui-spinner-button.ui-spinner-up::before{
		width: 30px;
	}
	
}


/* xs */
@media (max-width:767px) {
  .xs-only-text-left {
    text-align: left !important; }

  .xs-only-text-right {
    text-align: right !important; }

  .xs-only-text-center {
    text-align: center !important; }
 }
@media only screen {
  .xs-text-left {
    text-align: left !important; }

  .xs-text-right {
    text-align: right !important; }

  .xs-text-center {
    text-align: center !important; }
}

/* sm */
@media only screen and (min-width:768px) and (max-width:991px) {
  .sm-only-text-left {
    text-align: left !important; }

  .sm-only-text-right {
    text-align: right !important; }

  .sm-only-text-center {
    text-align: center !important; }
}
@media only screen and (min-width:768px) {
  .sm-text-left {
    text-align: left !important; }

  .sm-text-right {
    text-align: right !important; }

  .sm-text-center {
    text-align: center !important; }
}

/* md */
@media only screen and (min-width:992px) and (max-width:1199px) {
  .md-only-text-left {
    text-align: left !important; }

  .md-only-text-right {
    text-align: right !important; }

  .md-only-text-center {
    text-align: center !important; }
}
@media only screen and (min-width:992px) {
  .md-text-left {
    text-align: left !important; }

  .md-text-right {
    text-align: right !important; }

  .md-text-center {
    text-align: center !important; }
}

/* lg */
@media (min-width:1200px) {
  .lg-only-text-left {
    text-align: left !important; }

  .lg-only-text-right {
    text-align: right !important; }

  .lg-only-text-center {
    text-align: center !important; }
}
@media only screen and (min-width:1200px) {
  .lg-text-left {
    text-align: left !important; }

  .lg-text-right {
    text-align: right !important; }

  .lg-text-center {
    text-align: center !important; }
}