@media only screen and (max-width: 1366px) {
    .container{
        max-width: 1100px;
    }
}

@media only screen and (max-width: 991px) {
    .menu-list a, .menu-list span {
        justify-content: flex-end;
        text-align: right;
    }
    .menu-list li:last-child{
        margin-left: auto;
    }
    .navbar-nav{
        padding: 0 15px;
    }
    .mt-desc iframe{
        width: 80%;
    }
}


@media screen and (max-width: 700px){
    .programme-i table{
        width: 100% !important;
    }    
}

@media only screen and (max-width: 640px) {
    .main-t {
        text-align: center;
    }
    .mt-image {
        width: 50%;
    }
    .mt-desc p {
        font-size: 16px;
    }
    .main-header h1 {
        font-size: 24px;
    }
    .main-a strong {
        font-size: 18px;
    }
    .main-flyer {
        margin: 50px 0 150px;
    }
    .main-f {
        margin: 0;
        flex-direction: column;
    }
    .mf-image {
        max-width: 190px;
    }
    .mf-desc p {
        font-size:22px;
    }
    .main-flyer p {
        font-size: 18px;
    }

    .mf-desc a {
        font-size: 24px!important;
    }
    .mt-desc iframe{
        width: 100%;
        height: 300px;
    }
    .mf-desc {
        width: 90%;
    }
    .mf-desc iframe{
        min-height: 300px;
    }
    .programme-wrapper{
        padding-right: 15px;
    }
    
    .tour_desc img{
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 520px) {
    .conference-header h1 {
        font-size: 24px;
    }
    .conference-a p {
        font-size:18px;
    }
    .conference-desc p {
        font-size:14px;
    }
    .conference-header {
        padding:0;
    }
    .clmb-i img {
        width:100%;
    }
    .cl-map a {
        font-size:11px;
    }
    
}

@media only screen and (max-width: 475px) {
    .pi-info p {
        padding-left: 13px;
        font-size: 12px;
    }
    .pi-time p {
        padding-left: 12px;
        font-size: 12px;
    }
    .pi-title h4 {
        font-size: 1.5em;
    }
    .gi-header h1 {
        font-size: 24px;
    }
    .gi-a p {
        font-size: 15px;
    }
    .travel-header h1 {
        font-size:24px;
    }
    .ta-title h3 {
        font-size:24px;
    }
    
    .main-header{
        margin: 15px;
    }
    h1{
        font-size: 22px !important;
    }
    p, span{
        font-size: 14px !important;
    }
    
}
@media only screen and (max-width: 420px) {
    .main-header h1 {
        font-size: 20px;
    }
    .mt-image {
        width: 65%;
    }
    .mt-desc p {
        font-size: 14px;
    }
    .main-a strong {
        font-size: 16px;
    }
    .mf-desc p {
        font-size: 18px;
    }
    .mf-desc a {
        font-size: 20px!important;
    }
    .mf-image {
        width:50%;
    }
    .main-flyer p {
        font-size: 16px;
    }
    .main-flyer a {
        font-size:18px;
    }
    
    .mt-desc iframe{
        height: 250px;
    }
    
}

@media only screen and (max-width: 365px){
    .pi-time p {
        padding-left: 4px;
    }
}