/****************** Tour Listing ******************/
.tourListing { display: inline-block; float: right; width: 100%; position: relative; }
.tourListing .title h1 { display: inline-block; width: auto; font-size: 18px; font-family: droidBold, Arial; color: #000; float: right; }
.mainTour .tourListing .title:after { background-color: #aaa; }
.tourListing .toursCntnr { display: inline-block; float: right; width: 100% }
.tourListing .toursCntnr .tourItem { display: inline-block; float: right; width: 100%; margin-bottom: 20px; }
.tourListing .toursCntnr .tourItem:last-child { margin-bottom: 0 }
.tourListing .toursCntnr .tourItem .tourNameTtl { display: inline-block; width: 100%; background: #000; padding: 0 10px; height: 40px; border-radius: 6px; margin-bottom: 15px }
.tourListing .toursCntnr .tourItem .tourNameTtl h2 { display: inline-block; float: right; width: 100%; font-family: droidBold,arial; color: #fff; font-size: 15px; line-height: 40px; }
.tourListing .toursCntnr .tourItem .item { float: right; width: calc((100% - 64px) / 5); padding: 16px; display: inline-block; background: #fff; text-align: center; margin-left: 16px; border-radius: 6px; overflow: hidden; border: 1px solid #e0e0e0; margin-bottom: 16px; }
.tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 0 }
.tourListing .toursCntnr .tourItem .item .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }
.tourListing .toursCntnr .tourItem .item .imgCntnr { height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; }
.tourListing .toursCntnr .tourItem .item .imgCntnr img { display: block; width: auto; height: auto; max-width: 80px; max-height: 54px; background: none; }
.tourListing .toursCntnr .tourItem .item p { display: inline-block; height: 56px; overflow: hidden; font-size: 13px; color: #000;   padding-top: 16px; line-height: 1.6; width: 100%; text-align: center; white-space: normal; }
.tourListing .toursCntnr .tourItem .item:hover p { color: #0277bd }
.tourListing .toursCntnr .tourItem .item .links { float: left; display: inline-block; }
.tourListing .toursCntnr .tourItem .item .more { display: inline-block; padding: 10px 0; width: auto; height: 36px; background: #0277bd; padding: 0 10px; text-align: left; color: #fff;   font-size: 13px; line-height: 2.9; float: right; margin-left: 10px }
.tourListing .toursCntnr .tourItem .item .more:hover { background: #1b92d9; }
.tourListing .toursCntnr .tourItem .item .more:last-child { margin-left: 0 }
.tourListing .toursCntnr .tourItem .item .more span { float: left; margin-right: 10px; }
.tourListing .toursCntnr .tourItem .item .more .icon-more:before { content: "h"; color: #fff; font-size: 14px; line-height: 2.8; }
.proPlayer .rightside { width: 100%; width: calc(100% - 320px); float: right; margin-left: 20px }
.proPlayer .title { margin-bottom: 15px; display: inline-block; width: 100%; float: right }
.proPlayer .title h2 { display: inline-block; width: auto; font-size: 18px; font-family: droidBold, Arial; color: #000; float: right }
.proPlayer .title:after { content: ''; width: 100%; height: 1px; background-color: #AAAAAA; float: right; margin-top: 5px }
.proPlayer .title a { display: inline-block;  
    float: left;
    color: #fff !important;
    background: #0277BD;
    padding: 2px 16px;
    font-size: 13px !important;
    border-radius: 4px;  }

.proPlayer .remainContent { display: inline-block; width: 100%; float: right; }

.mainTour .remainContent .proNews { float: right; margin-bottom: 40px }
.mainTour .remainContent .proNews .title h2 { margin-right: 16px; }
.mainTour .remainContent .proNews .title a { margin-left: 16px; }
.mainTour .remainContent .proNews ul { padding: 0 16px }
.mainTour .title:after {
    background-color: #efefef;
}
.proPlayer .remainContent .proNews { display: inline-block; padding-top: 20px; width: 100%; background-color: #fff; border-radius: 6px; border: 1px solid #e8e8e8; }
.proPlayer .remainContent .proNews .listing { padding-top: 0; margin-bottom: 0; border: none }
.proPlayer .remainContent .proNews .title h2 { margin-right: 16px }
.proPlayer .remainContent .proNews .title a { margin-left: 10px }
.proPlayer .remainContent .proNews .more { display: none }
.proPlayer .remainContent .proNews ul { padding: 0 16px; min-height: unset }
.proPlayer .remainContent .proNews ul li .desc .time { color: #AAAAAA; display: inline-block }
.proPlayer .remainContent .proNews ul li .desc .time span:after { display: none }
.proPlayer .remainContent .proNews ul li .desc .time span:nth-of-type(2n) { display: none }
.proPlayer .remainContent .proNews .listing ul li:nth-last-child(-n+3) { margin-bottom: 16px }
.proPlayer .remainContent .listing ul li.gap{margin-bottom:0!important;height:0;}

.proPlayer .remainContent .listing { width: 100%; margin-left: 0; background-color: #fff; padding-top: 20px; border-radius: 6px; margin-bottom: 40px;  }
.proPlayer .remainContent .listing .ttl { display: none }
.proPlayer .remainContent .listing .title h2 { margin-right: 10px }
.proPlayer .remainContent .listing .title a { margin-left: 10px }
.proPlayer .remainContent .listing .subCat { padding: 0 10px }
.proPlayer .remainContent .listing ul li { border-radius: 6px; width: calc((100% - 48.1px) / 4); margin-left: 0; float: none; margin-bottom: 16px; border: 0;}
.proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
.proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
.proPlayer .remainContent .listing ul li .desc p.date { display: inline-block; font-size: 12px; max-height: unset; font-weight: unset; position: relative; color: #AAAAAA; line-height: 1; height: auto; overflow: unset; margin-bottom: 0 }

.proPlayer .remainContent .listing ul li .secName.mediaIcon { display: none;}
.mainTour .listing ul li .imageCntnr {padding-bottom: 66.5%;}
.mainTour .listing ul li .desc {
    padding: 10px 0;
}
.proPlayer .remainContent .listing ul li .desc .secName {
    position: relative;
    width: auto;
    height: auto;
    color: #0277bd;
    font-size: 12px;
    margin-bottom: 6px;
    background: none;
    min-width: 2px;
    min-height: 27px;
    overflow: hidden;
    padding: 0;
    right: auto;
    top: 0;
    left: 0;
}

.mainTour .remainContent .multimedia ul {
    padding: 0 16px;
}

@media screen and (min-width:1680px) and (max-width:1919px) {
      .tourListing .toursCntnr .tourItem .item { width: calc((100% - 48px) / 4); }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(4n) { margin-left: 0; }
}

@media screen and (min-width:1600px) and (max-width:1679px) {
     .tourListing .toursCntnr .tourItem .item { width: calc((100% - 48px) / 4); }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(4n) { margin-left: 0; }
}

@media screen and (min-width:1536px) and (max-width:1599px) {
     .tourListing .toursCntnr .tourItem .item { width: calc((100% - 48px) / 4); }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(4n) { margin-left: 0; }

      .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
}


@media screen and (min-width:1440px) and (max-width:1535px) {
     .tourListing .toursCntnr .tourItem .item { width: calc((100% - 48px) / 4); }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(4n) { margin-left: 0; }

       .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
      .tourListing .toursCntnr .tourItem .item { width: calc((100% - 48px) / 4); }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(4n) { margin-left: 0; }

        .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px)/ 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
}

@media screen and (min-width:1280px) and (max-width:1359px) {
     .tourListing .toursCntnr .tourItem .item { width: calc((100% - 32px) / 3); }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(3n) { margin-left: 0; }

     .proPlayer .remainContent .listing ul li { width: calc((100% - 32.1px) / 3) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(3n) { margin-left: 0 }
}

@media screen and (min-width:1152px) and (max-width:1279px) {
    .tourListing .toursCntnr .tourItem .item { width: calc((100% - 16px) / 2); height: auto }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(2n) { margin-left: 0; }
    .tourListing .toursCntnr .tourItem .item .dtls { width: 100%; margin-bottom: 15px }
    .tourListing .toursCntnr .tourItem .item .links { float: right }

       .proPlayer .remainContent .listing ul li { width: calc((100% - 16.1px) / 2) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(2n) { margin-left: 0 }
}

@media screen and (min-width:1024px) and (max-width:1151px) {
     .tourListing .toursCntnr .tourItem .item { width: calc((100% - 16px) / 2);height: auto }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(2n) { margin-left: 0; }
   
    .tourListing .toursCntnr .tourItem .item .dtls { width: 100%; margin-bottom: 15px }
    .tourListing .toursCntnr .tourItem .item .links { float: right }

        .proPlayer .remainContent .listing ul li { width: calc((100% - 16.1px) / 2) }
    .proPlayer .remainContent .listing ul li:nth-of-type(4n) { margin-left: 0 }
    .proPlayer .remainContent .listing ul li:nth-of-type(2n) { margin-left: 0 }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .tourListing { width: 100%; margin-left: 0 }

     .tourListing .toursCntnr .tourItem .item { width: calc((100% - 32px) / 3);height: auto  }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(3n) { margin-left: 0; }
    
    .tourListing .toursCntnr .tourItem .item .dtls { width: 100%; margin-bottom: 15px }
    .tourListing .toursCntnr .tourItem .item .links { float: right }
    .tourListing .toursCntnr .tourItem .item .more { font-size: 12px; line-height: 3; margin-left: 8px; }

        .proPlayer .remainContent .listing ul li .imageCntnr { width: 100%; padding-bottom: 66.5% }
    .proPlayer .remainContent .listing ul li .desc { width: 100%; margin-top: 0 }
        .proPlayer .rightside {
        width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
        .proPlayer .rightside {
        width: 100%;
        margin-left: 0;
    }

    .tourListing { width: 100%; margin-left: 0 }
    
    .tourListing .toursCntnr .tourItem .item .dtls { width: 100%; margin-bottom: 15px }
    .tourListing .toursCntnr .tourItem .item .links { float: right }
    .tourListing .toursCntnr .tourItem .item .more { font-size: 12px; line-height: 3; margin-left: 8px; }

     .tourListing .toursCntnr .tourItem .item { width: calc((100% - 16px) / 2); height: auto }
    .tourListing .toursCntnr .tourItem .item:nth-child(5n) { margin-left: 16px; }
    .tourListing .toursCntnr .tourItem .item:nth-child(2n) { margin-left: 0; }

      .proPlayer .remainContent .listing ul li .imageCntnr { width: 100%; padding-bottom: 66.5% }
    .proPlayer .remainContent .listing ul li .desc { width: 100%; margin-top: 0 }
     .proPlayer .remainContent .listing ul li:first-child { width: 100%; margin-left: 0; height: auto; margin-bottom: 20px; }
    .proPlayer .remainContent .listing ul li:first-child .imageCntnr { padding-bottom: 67%; width: 100%; height: auto;}
    .proPlayer .remainContent .listing ul li:first-child .desc { height: auto; padding: 0 10px; width: 100%;right:0;left:0; position: absolute; bottom: 0; background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; }
    .proPlayer .remainContent .listing ul li { margin-right: 0; width: 100%; height: 66px; margin-bottom: 20px; border: 0 }
    .proPlayer .remainContent .listing ul li .imageCntnr { width: 100px; padding-bottom: calc((100px * 66.5)/ 100);float: right }

     .proPlayer .remainContent .listing ul li .desc { background: #fff; height: 100%; width: calc(100% - 100px); padding: 0 10px 0 0; position: relative; float: left; }
    .proPlayer .remainContent .listing ul li:first-child .desc p { font-size: 16px; max-height: 56px; padding: 0; color: #fff; height: auto }
    .proPlayer .remainContent .listing ul li:first-child .desc { padding: 0 10px 10px 0 }
    .proPlayer .remainContent .listing ul li:first-child .desc .time { display: none }
    .proPlayer .remainContent .listing ul li:first-child .desc p.date { color: #fff; font-size: 11px; padding: 10px 0 0 0; margin-bottom: 5px; margin-top: 8px; }
    .proPlayer .remainContent .listing ul li .desc p { font-size: 13px; max-height: 40px; color: #000; }
    .proPlayer .remainContent .listing ul li .desc p.date { bottom: 5px; right: 0; line-height: 1; height: auto; font-size: 10px; margin-top: 13px; color: #AAAAAA }

     .mainTour .remainContent .proNews ul, .mainTour .remainContent .multimedia ul { padding: 0 10px;}
     .mainTour .remainContent .proNews .title h2, .mainTour .remainContent .multimedia .title h2 { margin-right: 10px;}
     .mainTour.proPlayer .remainContent .listing ul li:first-child .link .secName, .mainTour.proPlayer .remainContent .listing ul li:first-child .link .secName .icon {  background: none; width: auto;  height: auto;  color: #ccc;}
     .mainTour.proPlayer .remainContent .listing ul li .link .desc .secName {right: 0; margin-bottom: 0; width: 100%; text-overflow: ellipsis;white-space: nowrap;}
         .mainTour .featuredArea .pattern2 ul li .desc p, 
         .mainTour .remainContent .proNews .listing ul li .desc p,
         .mainTour .remainContent .listing.multimedia ul li .desc p { max-height: 41px;  font-size: 13px;  -webkit-line-clamp: 2;height:auto}
}