@media (max-width:1024px) {
    .services-main .our-service ul li {
        width: 47.2%;
    }
    footer .quick-links .links-1 img {
        width: 171px;
    }
}

@media (max-width:991px) {
    .features {
        grid-template-columns: repeat(2, 1fr);
    }

    .services-main .our-service ul li {
        width: 47.3%;
    }

    footer .quick-links .links-1 img {
        width: 171px;
    }
}





    @media (max-width:767px) {
        .benefit-icon img {
            height: auto;
        }
        .wide-newtwork.hide-des .owl-theme .owl-nav.disabled + .owl-dots{display:none;}
        .poplour h3 {
            font-size: 20px;
        }

        .poplour h2 {
            font-size: 14px;
        }

        .features {
            grid-template-columns: repeat(1, 1fr);
        }

        a.navbar-brand img {
            width: 190px;
        }

        .hide-destop {
            display: block;
        }

        .serchengine .engine-middle .leftnav {
            width: 100%;
        }

            .serchengine .engine-middle .leftnav .form-middle .midmain-1 label, .serchengine .engine-middle .leftnav .form-middle .midmain-2 label {
                font-weight: 500;
                font-size: 14px;
            }

            .serchengine .engine-middle .leftnav .passanger-iformation {
                display: block;
            }

                .serchengine .engine-middle .leftnav .passanger-iformation .inform-1 {
                    width: 100%;
                    float: left;
                }

                .serchengine .engine-middle .leftnav .passanger-iformation .inform-2 {
                    width: 100%;
                    float: left;
                }

                .serchengine .engine-middle .leftnav .passanger-iformation .inform-1 h2 {
                    font-weight: 500;
                    font-size: 14px;
                }

                .serchengine .engine-middle .leftnav .passanger-iformation .inform-2 h2 {
                    font-weight: 500;
                    font-size: 14px;
                }

        .book-here-main .wide-choice {
            display: block;
        }

            .book-here-main .wide-choice .ferries-1, .book-here-main .wide-choice .ferries-2, .book-here-main .wide-choice .ferries-3 {
                width: 100%;
            }

        .serchengine {
            height: auto;
            padding: 18px 0;
        }

        .book-here-main {
            margin-top: 0;
        }

            .book-here-main .wide-choice .ferries-1 h2 {
                font-size: 20px;
            }

            .book-here-main .wide-choice .ferries-1 p {
                font-size: 14px;
            }

        .buttonsearch a {
            font-size: 20px;
        }

        .book-here-main .wide-choice .ferries-1 button {
            font-size: 18px;
        }

        .poplar-countries h2 {
            font-size: 20px;
        }

        .pad-rig {
            padding-right: 15px;
        }

        .pad-lft {
            padding-left: 15px;
        }

        .services-main .our-service h2 {
            font-size: 18px;
        }

        .services-main .our-service h3 {
            font-size: 23px;
            line-height: 33px;
            font-weight: 700;
        }

        .services-main .our-service p {
            font-size: 14px;
        }

        .services-main .our-service ul li {
            width: 100%;
        }

            .services-main .our-service ul li h4 {
                font-size: 16px;
            }

            .services-main .our-service ul li p {
                font-size: 14px;
            }

        .direct-ferries h2 {
            font-size: 20px;
            margin-bottom: 0;
        }

        .direct-ferries ul {
            display: block;
        }

            .direct-ferries ul li {
                width: 100%;
            }

                .direct-ferries ul li h3 {
                    font-size: 17px;
                    margin: 11px 0 5px;
                }

                .direct-ferries ul li p {
                    font-size: 14px;
                    margin-bottom: 0;
                }

        .discover-yournext .yate-main {
            display: block;
        }

            .discover-yournext .yate-main .yate-1 {
                width: 100%;
                margin-right: 0;
            }

            .discover-yournext .yate-main .yate-2 {
                width: 100%;
            }

            .discover-yournext .yate-main .yate-1 h2 {
                font-size: 20px;
            }

            .discover-yournext .yate-main .yate-1 p {
                font-size: 14px;
            }

            .discover-yournext .yate-main .yate-1 ul li {
                text-align: center;
            }

                .discover-yournext .yate-main .yate-1 ul li span {
                    font-size: 14px;
                }

            .discover-yournext .yate-main .yate-1 button {
                font-size: 16px;
            }

        footer .quick-links {
            display: block;
        }

            footer .quick-links .links-1, footer .quick-links .links-4 {
                width: 100%;
                margin-right: 0;
            }

            footer .quick-links .links-2, footer .quick-links .links-3 {
                width: 46%;
                float: left;
            }

            footer .quick-links .links-1 p {
                font-size: 14px;
                text-align: center;
            }

            footer .quick-links .links-1 {
                text-align: center;
            }

            footer .quick-links .links-2 h2, footer .quick-links .links-3 h2, footer .quick-links .links-4 h2 {
                font-size: 16px;
                margin: 6px 0 12px;
            }

            footer .quick-links .links-2 ul li a, footer .quick-links .links-3 ul li a {
                font-size: 14px;
            }

        .copiright {
            display: block;
        }

            .copiright .reserved-2 ul li a {
                font-size: 13px;
            }

        .Ferrysavers h3 {
            font-size: 20px;
            line-height: 29px;
        }

        .popular-routes .routes ul li {
            width: 100%;
            height: auto;
            margin-right: 0;
        }

        .popular-routes h2 {
            font-size: 20px;
            line-height: 25px;
            margin: 0 0 0;
        }

        .visual-journey h2 {
            font-size: 20px;
        }

        .visual-journey .journeybanner ul li {
            width: 100%;
        }

        .Ferrysavers p {
            font-size: 14px;
            margin-left: 0;
        }

        .acquring-main .acqur-middle .purpose-1 {
            display: block;
            width: 100%;
            margin-right: 0;
        }

        .acquring-main .acqur-middle .purpose-2 {
            width: 100%;
            text-align: center;
        }

        .acquring-main .acqur-middle {
            display: block;
        }

            .acquring-main .acqur-middle .purpose-1 .space, .acquring-main .acqur-middle .purpose-1 .space-1 {
                width: 100%;
                text-align: center;
            }

            .acquring-main .acqur-middle .purpose-2 h2 {
                font-size: 20px;
                font-weight: 500;
                line-height: 27px;
            }

            .acquring-main .acqur-middle .purpose-2 ul li {
                font-size: 15px;
            }

            .acquring-main .acqur-middle .purpose-2 button {
                font-size: 16px;
            }

        .trendy-travel h2 {
            font-size: 20px;
        }

        .serchengine .engine-middle .rightnav {
            width: 0;
        }

        .railandsail h2 {
            font-size: 20px;
        }

        .railandsail p {
            font-size: 13px;
        }

        .discover h2 {
            font-size: 20px;
        }

        .discover p {
            font-size: 14px;
        }

        .tabsection-main .nav-pills .nav-link {
            margin-right: 9px;
            font-size: 13px;
            font-weight: 400;
        }

        .farrymain .balfast-1, .farrymain .balfast-2 {
            width: 50%;
            margin-bottom: 15px;
        }

        .farrymain .balfast-3 {
            width: 50%;
        }

        .farrymain .balfast-4 {
            width: 50%;
        }

        .service p {
            font-size: 13px;
            font-weight: 400;
        }

        .farrymain .balfast-1 p, .farrymain .balfast-2 p, .farrymain .balfast-3 p {
            font-size: 13px;
        }

        .farrymain {
            padding: 12px 10px 0;
        }

            .farrymain .balfast-4 p {
                font-size: 14px;
            }

        .enhance-main h2 {
            font-size: 18px;
            text-align: left;
        }

        .parking-main ul {
            display: block;
        }

            .parking-main ul li h3 {
                font-size: 14px;
            }

            .parking-main ul li p {
                font-size: 13px;
            }

        .amsbanne-main ul {
            display: block;
            text-align: center;
        }

        .our-main {
            display: block;
        }

        .mini-cruise h1 {
            font-size: 20px;
        }

        .mini-cruise {
            margin-top: 20px;
        }

            .mini-cruise p {
                font-size: 14px;
                line-height: 22px;
            }

            .mini-cruise h2 {
                font-size: 20px;
            }

        .amsbanne-main {
            height: auto;
            padding: 20px 0 0;
            margin-top: 29px;
            margin-bottom: 20px;
        }

            .amsbanne-main ul li p {
                font-size: 17px;
                line-height: 28px;
                margin: 17px 0 13px;
                text-align: center;
            }

        .mini-cruise-destinations h2 {
            font-size: 20px;
        }

        .mini-cruise-destinations .cruise-data {
            display: block;
        }

            .mini-cruise-destinations .cruise-data .mini-data2 h2 {
                font-size: 16px;
                margin-top: 14px;
            }

            .mini-cruise-destinations .cruise-data .mini-data2 p {
                font-size: 14px;
                font-weight: 400;
                line-height: 24px;
            }

            .mini-cruise-destinations .cruise-data .mini-data2 strong {
                font-size: 15px;
            }

        .about-top h1 {
            font-size: 24px;
        }

        .accommodation h2, .direct-ferries-new h2, .curbflowmain .flow-1 .strore h3, .curbflowmain .flow-3 .strore h3 {
            font-size: 20px;
        }

        .accommodation p {
            font-size: 14px;
        }

        .curbflowmain .flow-1, .curbflowmain .flow-3 {
            width: 100%;
        }

        .curbflowmain .flow-2 {
            display: none;
        }

        .curbflowmain {
            display: block;
            margin-top: 11px;
        }

            .curbflowmain .flow-1 .strore p, .curbflowmain .flow-3 .strore p, .whaton .offer p {
                font-size: 14px;
                font-weight: 400;
                line-height: 22px;
            }

        .marginnew-1 {
            margin-top: 0;
        }

        .whaton .offer h4, .whaton .offer h5 {
            font-size: 20px;
            font-weight: 700;
            margin: 0 0 16px;
        }

        .whaton .offer ul li {
            font-size: 14px;
            font-weight: 500;
            padding: 4px 0;
        }

        .whaton {
            margin: 0 0 30px;
        }

        .ferries h2 {
            font-size: 20px;
        }

        .ferries p {
            font-size: 14px;
        }

        .custom-control-inline {
            font-size: 14px;
        }

        .middle-resultpage .leftnav {
            width: 100%;
            margin-right: 0;
            display: none;
        }

        .middle-resultpage .rightnav {
            width: 100%;
            float: left;
        }

            .middle-resultpage .rightnav .bestpricerest {
                display: block;
            }

                .middle-resultpage .rightnav .bestpricerest .price-1 {
                    width: 100%;
                    margin-right: 0;
                    text-align: center;
                }

                .middle-resultpage .rightnav .bestpricerest .price-2 {
                    width: 100%;
                    margin-right: 0;
                    padding: 8px;
                }

                .middle-resultpage .rightnav .bestpricerest .price-1 img {
                    border-radius: 0 0 0 0;
                }

                .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-1 strong, .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-3 strong {
                    font-size: 14px;
                    font-weight: 500;
                }

                .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-1 p, .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-3 p {
                    font-size: 15px;
                }

                .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-2 {
                    display: none;
                }

                .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-1 {
                    width: 45%;
                    margin-right: 0;
                }

                .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-3 {
                    width: 45%;
                }

                    .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-3 p {
                        margin: -46px 0 5px;
                    }

                    .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-1 span, .middle-resultpage .rightnav .bestpricerest .price-2 .outbond-main .route-3 span {
                        font-size: 14px;
                    }

                .middle-resultpage .rightnav .bestpricerest .price-3 {
                    width: 100%;
                    border-left: 0;
                    padding-top: 12px;
                    text-align: center;
                }

                    .middle-resultpage .rightnav .bestpricerest .price-3 h2 {
                        font-size: 20px;
                        font-weight: 700;
                    }

                    .middle-resultpage .rightnav .bestpricerest .price-3 p {
                        font-size: 14px;
                    }

                    .middle-resultpage .rightnav .bestpricerest .price-3 a {
                        font-size: 16px;
                        margin-bottom: 10px;
                    }

        .data-add .data-1 {
            display: none;
        }

        .data-add .data-2 {
            width: 100%;
        }

        .progress-bredcum span {
            font-size: 14px;
        }

        .progress-bredcum .point {
            margin-left: 0;
        }

        .middle-resultpage .rightnav h2 {
            font-size: 18px;
        }

        .payment-page .nav-left {
            width: 100%;
            float: left;
            margin-right: 0;
        }

            .payment-page .nav-left h2, .payment-page .nav-left h3 {
                font-size: 20px;
            }

        .payment-page .nav-right {
            width: 100%;
            margin-top: 30px;
        }

        .payment-page .nav-left .passenger-details strong, .payment-page .nav-left .content-details p {
            font-size: 16px;
        }

        .billing-address h4 {
            font-size: 17px;
        }

        .billing-address p {
            font-size: 13px;
            margin: 14px 0 13px;
        }

        .tickets-Collect .directly p {
            font-size: 14px;
        }

        .button-main a {
            font-size: 17px;
        }

        .payment-page .nav-right h2 {
            font-size: 20px;
        }

        .payment-page .nav-right strong {
            font-size: 15px;
        }

        .payment-page .nav-right span {
            font-size: 16px;
        }

        .hide-mob {
            display: none;
        }

        .hide-des {
            display: block;
        }

        .sticky-top {
            position: inherit;
            position: inherit;
        }

        .thankyou h2 {
            font-size: 20px;
            padding: 8px 0 0px;
        }

        .thankyou {
            height: auto;
        }

            .thankyou p {
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
            }

        .enquiry-summary {
            padding: 20px 0 6px;
        }

            .enquiry-summary h2 {
                font-size: 20px;
            }

        .enquiry-card {
            min-height: auto;
        }

        .enquiry-submitted {
            font-size: 12px;
            padding: 6px 10px;
        }

        .get-in-touch h2 {
            font-size: 20px;
        }

        .progress-new ul {
            display: block;
        }

        .wide-choice h3 {
            font-size: 20px;
            text-align: center;
        }

        .wide-choice p {
            font-size: 14px;
        }

        .your-mind .questions {
            height: auto;
        }

            .your-mind .questions span {
                font-size: 19px;
                line-height: 12px;
                margin: 17px 33px 0;
            }

            .your-mind .questions button {
                float: unset;
                margin: 41px 36px 17px;
                font-size: 17px;
                font-weight: 500;
                padding: 5px 24px;
                border-radius: 10px;
            }

        .ferries ul li {
            font-size: 13px;
        }

        .privacy-top h1 {
            font-size: 22px;
        }

        .faq p {
            font-size: 13px;
        }

        .faq h1 {
            font-size: 22px;
        }

        .faq h2 {
            font-size: 20px;
        }

        .callnow {
            display: block;
            color: #fff;
            background: #bf0000;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
            margin-top: 17px;
            border-radius: 10px;
            padding: 8px 0;
        }

            .callnow img {
                height: 25px;
                margin: -3px 4px 0;
            }

        .ferries h1 {
            color: #000000;
            font-size: 22px !important;
            font-weight: 600;
        }

        .online-booking ul {
            display: block;
        }

        .our-misson .comment {
            display: block;
        }

            .our-misson .comment .customers-1, .our-misson .comment .customers-2 {
                width: 100%;
                border-radius: 0;
            }

                .our-misson .comment .customers-1 h2 {
                    font-size: 20px;
                    line-height: 23px;
                }

        .booking .routes ul li {
            width: 100%;
            height: auto;
            margin-right: 0;
        }

        .our-misson .comment .customers-1 p {
            font-size: 14px;
        }

        .online-booking h2 {
            font-size: 20px;
        }

        .online-booking ul li p {
            font-size: 16px;
            font-weight: 500;
            margin-top: 3px;
        }

        .contactus-top h1 {
            top: 26%;
            font-size: 22px;
        }

        .contactus-top p {
            top: 45%;
            font-size: 18px;
        }

        .address-main {
            margin-top: 15px;
        }

            .address-main h2 {
                font-size: 19px;
                font-weight: 600;
            }

            .address-main p {
                font-size: 14px;
            }

        .get-intouch h3 {
            font-size: 20px;
        }

        .get-intouch .form-contact .form-control {
            font-size: 13px;
        }

        .booking .routes ul li h3 {
            font-size: 16px;
            margin-bottom: 0;
        }

        .booking .routes ul li p {
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 0;
        }

        .online-booking ul li img {
            width: 100%;
        }

        .our-misson .comment .customers-2 img {
            border-radius: 0;
        }

        .hotel-main ul {
            display: block;
        }

            .hotel-main ul li h2 {
                font-size: 18px;
                margin-bottom: 17px;
                margin-top: 18px;
            }

        .ouracomdation h2 {
            font-size: 18px;
        }

        .ouracomdation p {
            font-size: 14px;
        }

        .ouracomdation h3 {
            font-size: 20px;
            margin-top: 0;
        }

        .port-accommodation h1 {
            font-size: 20px;
        }

        .port-accommodation {
            margin-top: 13px;
            margin-bottom: 0;
        }

        #news-slider4 .owl-nav .owl-prev {
            left: 0;
            top: -18px;
        }

        #news-slider4 .owl-nav .owl-next {
            right: 0;
            top: -18px;
        }

        .hotel-main {
            margin-top: 0;
        }

        .fast-exp ul {
            display: block;
        }

        .fast-exp {
            margin-top: -113px;
            margin-bottom: 0;
        }

            .fast-exp ul li h2 {
                font-size: 18px;
            }

            .fast-exp ul li p {
                font-size: 14px;
            }

        .spacialoffer-top h1 {
            font-size: 18px;
        }

        .spacialoffer-middle p {
            font-size: 14px;
            font-weight: 400;
            line-height: 22px;
        }

        .spacialoffer-middle h2 {
            font-size: 18px;
        }

        .baltic-sea {
            display: block;
        }

            .baltic-sea .tallink-silja-1 h3 {
                font-size: 15px;
            }

            .baltic-sea .tallink-silja-1 p {
                font-size: 14px;
                font-weight: 400;
            }

            .baltic-sea .tallink-silja-1, .baltic-sea .tallink-silja-2 {
                width: 100%;
            }

            .baltic-sea .tallink-silja-2 {
                text-align: center;
            }

                .baltic-sea .tallink-silja-2 a {
                    font-size: 13px;
                }

                    .baltic-sea .tallink-silja-2 a img {
                        height: 24px;
                    }

            .baltic-sea .tallink-silja-1 span {
                font-size: 11px;
                font-weight: 400;
                color: #000;
            }
    }