/* MEDIA QUERIES ****************************************************************************/

@media (max-width: 1130px) {
  
    /*Main Divs*/
    .innerPadding {padding: 30px 30px 35px 30px;}

    /*MAIN PIC*/
    .mainPicInner-gemsbok{background-image: url('images/t_Gemsbok_s.jpg');}
    .mainPicInner-himba{background-image: url('images/t_Himba_s.jpg');}
    .mainPicInner-himbaDance{background-image: url('images/t_HimbaDance_s.jpg');}
    .mainPicInner-elephants{background-image: url('images/t_Elephants_s.jpg');}
    .mainPicInner-desert{background-image: url('images/t_Desert_s.jpg');}
    .mainPicInner-etoshaLions{background-image: url('images/t_EtoshaLions_s.jpg');}
    .mainPicInner-giraffe{background-image: url('images/t_Giraffe_s.jpg');}
    .mainPicInner-wildebeest{background-image: url('images/t_Wildebeest_s.jpg');}
    .mainPicInner-capetown{background-image: url('images/t_CapeTown_s.jpg');}
    .mainPicInner-vicfalls{background-image: url('images/t_VictoriaFalls_s.jpg');}
    .mainPicInner-kaokoland{background-image: url('images/t_Kaokoland_s.jpg');}
    .mainPicInner-flamingoes{background-image: url('images/t_Flamingos_s.jpg');}


    .mainPicInner-hippos{background-image: url('images/t_Hippos_s.jpg');}
    .mainPicInner-lion{background-image: url('images/t_Lion_s.jpg');}
    .mainPicInner-fishrivercanyon{background-image: url('images/t_FishRiverCanyon_s.jpg');}

 
}

@media (max-width: 1120px) {
  
    /* MAIN DIVS */
    .innerWrapper{width: 100%;}
    .innerWrapperRel{width: 100%;}
    
    #headerInner{width: 100% !important;}
    .headerReviews{margin-right: 10px;}
    #Lang{margin-right: 10px;}

    /*Footer*/
    #FooterInner{width: 100%; min-height: 300px;}

    /* NAVIGATION*/
    #navWrapper{width: 100%;}

    /*HOME slide overlay*/
    .overlay{display: none;}
}


@media (max-width: 960px) {


    /* MAIN DIVS */
    #headerWrapper{height: 330px;}
    #headerInner{height: 330px; background-image: url('images/bg_Header_s.jpg'); background-position: top center;}

    #headerTxtDiv{position: absolute; width: 100%; top: 225px; left: 0px;  text-align: center;}
    p.headerSafaris{font-size: 32px;}
    p.headerAfrica{font-size: 13px;}

    .innerPadding{padding: 30px 15px 30px 15px;}

    .colLeft{width: 100%; float: none;}
    .colRight{width: 100%; float: none;}
    .colWideLeft{width: 100%; float: none;}
    .colNarrowRight{width: 100%; float: none;}

    /*CORE*/
    img.contentCol{width: 60%;}
    .textCol2_960{column-count: 2;}

    .comment3{text-align: center;}


    /*header navigation tabs*/
    #tabDiv{display: none;}

    /* NAVIGATION*/

    #menuIcon{display: block;}
    #navClose{display: block;}

    #navWrapper{position: absolute; top: 0px; height: auto; height: 100%; width: 0px; background-color: transparent; background-image: url('images/trans_Brown90.png'); background-repeat: repeat; text-align: center; z-index: 2000;
        overflow-x:hidden;
        transition: 0.5s;/* 0.5 second transition effect to slide in the sidenav */}

    #navDivWrapper{position: relative; width: 100%; margin-top: 50px;}

    #pay4free{float: none; margin-top: 20px; margin-right: 0px;}

    a.navDiv{display: block; float: none; text-align: center; margin-right: 0px; padding: 20px 0px; font-size: 36px; color: #FFFFFF;}
    a.navDiv:link {color: #FFFFFF;; text-decoration: none;} 
    a.navDiv:visited {color: #FFFFFF;; text-decoration: none;}
    a.navDiv:active {color: #FFFFFF;; text-decoration: none;}
    a.navDiv:hover {color: #ce000e; text-decoration: none;}

    a.navDivLive{display: block; float: none; text-align: center; margin-right: 0px; padding: 20px 0px; font-size: 36px; color: #ce000e; background-image: none;}
    a.navDivLive:link {color: #ce000e; text-decoration: none;} 
    a.navDivLive:visited {color: #ce000e; text-decoration: none;}
    a.navDivLive:active {color: #ce000e; text-decoration: none;}
    a.navDivLive:hover {color: #ce000e; text-decoration: none;}

    div.navDivLive{display: block; float: none; text-align: center; margin-right: 0px; padding: 20px 0px; font-size: 36px; color: #ce000e; background-image: none; cursor: pointer; cursor: hand;}

    div.main{display: block; float: none; text-align: center; margin-right: 5px; padding: 20px 0px; font-size: 36px; color: #FFFFFF;}
    .dropDown{position: relative; display: none; width: inherit; overflow: hidden; border-width:  0px 0px 1px 0px; margin-top: 30px; top: 0px; left: 0;}

    .navHide{visibility: visible;}


    /* CONTENT LINKS  */

    a.cursive{position: relative; display: block; margin-right: 0px; padding: 0px 5px; font-size: 36px;}

}
    
    

@media only screen and (max-width: 900px)
{

    /*MAIN PIC*/
    .mainPicInner-gemsbok{background-image: url('images/t_Gemsbok_ss.jpg');}
    .mainPicInner-himba{background-image: url('images/t_Himba_ss.jpg');}
    .mainPicInner-himbaDance{background-image: url('images/t_HimbaDance_ss.jpg');}
    .mainPicInner-elephants{background-image: url('images/t_Elephants_ss.jpg');}
    .mainPicInner-desert{background-image: url('images/t_Desert_ss.jpg');}
    .mainPicInner-etoshaLions{background-image: url('images/t_EtoshaLions_ss.jpg');}
    .mainPicInner-giraffe{background-image: url('images/t_Giraffe_ss.jpg');}
    .mainPicInner-wildebeest{background-image: url('images/t_Wildebeest_ss.jpg');}
    .mainPicInner-capetown{background-image: url('images/t_CapeTown_ss.jpg');}
    .mainPicInner-vicfalls{background-image: url('images/t_VictoriaFalls_ss.jpg');}
    .mainPicInner-kaokoland{background-image: url('images/t_Kaokoland_ss.jpg');}
    .mainPicInner-flamingoes{background-image: url('images/t_Flamingos_ss.jpg');}

    .mainPicInner-hippos{background-image: url('images/t_Hippos_ss.jpg');}
    .mainPicInner-lion{background-image: url('images/t_Lion_ss.jpg');}
    .mainPicInner-fishrivercanyon{background-image: url('images/t_FishRiverCanyon_ss.jpg');}


}


@media only screen and (max-width: 820px){

}



@media only screen and (max-width: 800px){

    /* NAVIGATION*/

    a.navDiv{font-size: 32px; padding: 15px 0px;}
    a.navDivLive{font-size: 32px; padding: 15px 0px;}
    div.navDivLive{font-size: 32px; padding: 15px 0px;}
    div.main{font-size: 32px; padding: 15px 0px;}

    /*CORE*/
    img.contentCol{width: 70%;}

}

@media only screen and (max-width: 680px){

    /*TOURS*/
    #tourInfoDiv{clear: both; height: auto; background-color: #a57b4b; background-image: url('images/bg_TourInfo.jpg'); background-repeat: repeat-x; overflow: auto;}

    div.bldKey{float: none; text-align: center; margin-bottom: 30px;}

    /* THREE PIC FLEX */
    .threePicFlex {
        width: 80%;
        flex-wrap: wrap; }
    .threePicFlex-blocAlt {
        flex-basis: 80%;
        margin: 5px 5px; }

    /*CORE*/
    img.contentCol{width: 90%;}
    .textCol2_960{column-count: auto;}

    /* REVIEWS */
    div.reviewTxt{width: 100%; float: none;}
    div.reviewImg{width: 100%; float: none;}

    p.reviewDark{padding: 0px 0px 20px 25px; background-image: url('images/bg_quotesDark_s.png'); background-position: 0px 4px;}


}


@media only screen and (max-width: 600px){


    /* CORE */
    h1{font-size: 46px;}


    /*MAIN PIC*/

    #mainPic{position: relative; width: 100%; background-color: #271a0f; overflow: none;}

    .mainPicInner{position: relative; width: 100%; height: 750px;}
    .mainPicInner-gemsbok{background-image: url('images/t_Gemsbok_sss.jpg');}
    .mainPicInner-himba{background-image: url('images/t_Himba_sss.jpg');}
    .mainPicInner-himbaDance{background-image: url('images/t_HimbaDance_sss.jpg');}
    .mainPicInner-elephants{background-image: url('images/t_Elephants_sss.jpg');}
    .mainPicInner-desert{background-image: url('images/t_Desert_sss.jpg');}
    .mainPicInner-etoshaLions{background-image: url('images/t_EtoshaLions_sss.jpg');}
    .mainPicInner-giraffe{background-image: url('images/t_Giraffe_sss.jpg');}
    .mainPicInner-wildebeest{background-image: url('images/t_Wildebeest_sss.jpg');}
    .mainPicInner-capetown{background-image: url('images/t_CapeTown_sss.jpg');}
    .mainPicInner-vicfalls{background-image: url('images/t_VictoriaFalls_sss.jpg');}
    .mainPicInner-kaokoland{background-image: url('images/t_Kaokoland_sss.jpg');}
    .mainPicInner-flamingoes{background-image: url('images/t_Flamingos_sss.jpg');}

    .mainPicInner-hippos{background-image: url('images/t_Hippos_sss.jpg');}
    .mainPicInner-lion{background-image: url('images/t_Lion_sss.jpg');}
    .mainPicInner-fishrivercanyon{background-image: url('images/t_FishRiverCanyon_sss.jpg');}

    .mainPicOverlay{position: absolute; background-image: url('images/trans_Brown.png'); right: 0px; top: 50%; width: 100%; height: 50%; background-position: right; z-index: 90;}

    #eButton, #eButtonFr{display: none;}
    span.linkShow{visibility: visible;}

    /*TOURS*/
    p.tourIntro{font-size: 15px;}

    /*TABLE - tour dates*/
    table.tblTourDates{font-size: 14px; border-style: solid; border-width: 1px 1px 0px 0px; border-color: transparent;}
    table.tblTourDates td{vertical-align: top; padding: 10px 10px; border-style: solid; border-width: 0px 0px 1px 1px; border-color: transparent; background-color: #c1a66b;}
    table.tblTourDates td.head{font-weight: bold; background-color: #baa067; font-size: 14px;}

 
}


@media only screen and (max-width: 520px){

    /*TOURS*/
    div.tourTab{float: none; margin-right: 0px; color: #FFFFFF;  font-weight: bold; font-size: 16px; background-color: #281b10; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #90633a; padding: 8px 30px 8px 30px; cursor: pointer; cursor: hand; }
    div.tourTabLive{float: none; margin-right: 0px; color: #281b10;  font-weight: bold; font-size: 16px; background-color: #a57b4b; background-image: url('images/gradient_tourTab.jpg'); background-repeat: repeat-x; border-style: solid; border-width: 1px 1px 0px 1px; border-color: #90633a; padding: 8px 30px 8px 30px;}


    p.tourLength{margin-top: 0px;}

    #tourInfoInner{padding: 15px;}

    table.tblItinerary td{display: block;}

    /* THREE PIC FLEX */
    .threePicFlex {
        width: 95%;
        flex-wrap: wrap; }

    /*CORE*/
    img.contentCol{width: 100%;}

    p.link{padding-right: 0px;}
    img.link{float: none; margin-top: 15px; margin-left: 0px;}

    p.linkImg a{display: block;}

}


@media only screen and (max-width: 500px){

    /* MAIN DIVS */
    #headerInner{background-image: url('images/bg_Header_ss.jpg');}
    p.headerSafaris{font-size: 28px;}

    /* NAVIGATION*/
    a.sub{float: none; margin-right: 0px; padding: 10px 15px 10px 15px;}

    /* BOOKING FORM */
    fieldset{padding: 0px; margin-bottom: 10px; border-style: dotted; border-width: 0px 0px 1px 0px; padding-bottom: 20px; border-color: #666666;}

    /*Footer*/
    #fbWrapper{text-align: center;}
    #FB,  #FB_Fr{float: none; margin-right: auto; margin-left: auto;}

    table.tblFooter{margin-left: auto; margin-right: auto;}
    table.tblFooter td{display: block; text-align: center;}

    #icons img {
        float: none;
        margin-right: 0px;
        margin-top: 10px;
    }

    p.disclaimer{float: none; margin-bottom: 80px; text-align: center;}

    .footerCookieChange{text-align: center;}

}


@media only screen and (max-width: 400px){

    /*CORE*/
    div.dark{padding: 15px;}

    p.comment{color: #0d0a05; padding: 15px 15px 15px 30px; line-height: 160%; background-image: url('images/bg_Quotes_s.png'); background-repeat: no-repeat; background-position: 13px 13px;}

}

    



@media only screen and (max-width: 350px){

}