@media (max-width: 768px){
    .topheader ul li {
        color: #ffff;
        float: none;
        border-right: none;
        line-height: 19px;
        padding: 0 9px;
        text-align: center;
    }
    .topheader .social {
        justify-content: center;
        display: flex;
        margin: 9px 0 0;
    }
    .topheader ul li a{
        font-size: 13px;
    }
    .headerbotm .img1 {
        width: 194px;
    }
    .headerbotm .img2 {
        width: 84px;
    }
    .mobile-menu li a{
        font-size: 14px;
    }
    .headernav .col-md-3{
        margin: -44px 0 0;
    }
    .headernav .btn{
        font-size: 14px;
    }
    .banner {
        margin: 309px 0 0;
    }
    .swipertxt {
        top: 9%;
        margin: 0 auto;
        width: 100%;
    }
    .swipertxt h1 {
        font-size: 14px;
        background-color: #012350;
        width: 57%;
        padding: 3px 0;
        margin: 0 auto 4px;
    }
    .swipertxt h3 {
        padding: 5px 0;
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        width: 61%;
        border-right: 4px solid #38b6ff;
        border-left: 4px solid #38b6ff;
        margin: 0 auto 4px;
    }
    .swipertxt p{
        display: none;
    }
    .swipertxt .btn-slider{
        padding: 7px 7px;
        font-size: 13px;
    }
    .section-sp1 {
        padding-top: 44px;
        padding-bottom: 35px;
    }
    .about-media .media {
        padding: 0;
        margin: 8px 0 0;
    }
    .about-media .about-contact{
        width: 100%;
        position: relative;
    }
    .heading-bx p{
        padding-top: 0;
        font-size: 15px;
    }
    .service-wraper1{
        height: auto;
        padding: 34px 0 296px;
    }
    .heading-bx {
        margin-bottom: 34px;
    }
    .btn-outline-light{
        padding: 0.25rem 1.25rem;
        font-size: 15px;
        margin: 10px 0 0;
    }
    .feature-container{
        height: auto;
    }
    .choose .bg-light{
        padding: 20px 15px;
        width: 100%;
        float: none;
    }
    .icon-box{
        margin: 7px 0 14px;
    }
    .card{
        width: 100%;
        padding: 0 13px 7px;
    }
    .card a{
        width: 100%;
        display: block;
    }
    .card a img{
        width: 100%;
    }
    .card p{
        position: relative;
        bottom: 0;
        width: 100%;
    }
    .bookingarea{
        margin: 0 !important;
    }
    .bookingarea form {
        padding: 0 0 15px;
    }
    .bgright{
        background-position: center;
        padding: 0;
    }
    .slick-slide{
        margin: 0px 5px;
        padding: 2px;
    }
    .widget {
        margin: 23px 0 0;
    }
    .card-footer{
        padding: 22px;
    }
    .card-footer p{
        text-align: left !important;
        margin: 10px 0 !important;
    }
    .footer-bottom p{
        text-align: center;
    }
    .footer-bottom ul{
        justify-content: center;
        margin: 7px 0 0;
    }
    .inner-header{
        padding: 70px 0 23px;
    }
    .page-banner-entry h1{
        font-size: 28px;
    }
    .breadcrumb-row ul li{
        font-size: 15px;
    }
    section.divider.my-10 {
        margin: 36px 0 !important;
    }
    .contact-wrapper{
        padding: 45px 0 0;
    }
    .mission{
        padding: 30px 15px;
    }
    .mission p{
        font-size: 14px;
    }
    .vision{
        padding: 30px 15px;
    }
    .vision p{
        font-size: 14px;
    }
    .team-members{
        margin: 0 0 21px;
    }
    .team-members img{
        width: 100%;
    }
}