/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */
/*  ------------------------------------------------------------------------------------------- For portrait tablets (600 wide - 32 for scrollbar)  */
/*  ----------------------------------------------------------------------------------------------------------------------------------------------  */

#navbtn {
    display: none;
    float: left;
    margin: 0; 
    padding: 0 135px 0 10px;
    width: 49px;
    background: url('https://www.yourtour.co.za/images/bg-navbtn-smart.png') no-repeat right top;
    background-size: 58px auto;
    font: 800 35pt/58px 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    text-align: right;
    text-transform: uppercase;
    overflow: hidden;
    color: rgba(101,142,57,0.1); 
    letter-spacing: -3px;
    }
#navbtn:hover {
    background-position: right bottom;
    color: rgba(101,142,57,0.1); 
}

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

h1 {
    padding: 0 0 30px;
}

.content {
    width: 568px;
}

#menubar {
    height: 58px;
}

a#logo {
    top: 0;
    left: 20px;
    width: 198px;
    height: 58px;
    background: url('https://www.yourtour.co.za/images/bg-logo-smart.png') no-repeat top;
    background-size: cover;
}


nav {    
    right: 0;
}

ul#menu {
    display: none; 
    position: absolute;
    width: 250px;
    top: 58px;
    right: 0;
    z-index: 300;
    }
ul#menu li {
    display: inline;
    margin: 0;
    float: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    }
ul#menu li:last-child {
    float: none;
    }
ul#menu li a {
    padding: 0 20px 0;
    width: 100%;
    height: 50px; line-height: 50px;
    background: #509739;
    text-align: left;
    color: #d1d1d1;
    letter-spacing: -0.5px;
    font-size: 11pt;
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    text-shadow: 0 0 3px rgba(0,0,0,0.2);
    }
ul#menu li a:hover {
    color: #fff;
    background-color: #89c942;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    }
ul#menu li:last-child a {
    float: none;
    border: none;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    }
ul#menu li ul, ul#menu li ul li {
    display: none;
}

.pg-home ul#menu li.btn-home,
.pg-capetours ul#menu li.btn-capetours,
.pg-othertours ul#menu li.btn-othertours,
.pg-contact ul#menu li.btn-contact {
    border: none;
    }
.pg-home ul#menu li.btn-home a,
.pg-capetours ul#menu li.btn-capetours a,
.pg-othertours ul#menu li.btn-othertours a,
.pg-contact ul#menu li.btn-contact a {
    color:  #89c942;
    cursor: default;
    }
.pg-home ul#menu li.btn-home a:hover,
.pg-capetours ul#menu li.btn-capetours a:hover,
.pg-othertours ul#menu li.btn-othertours a:hover,
.pg-contact ul#menu li.btn-contact a:hover {
    background: #509739;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

#navbtn {
    display: block;
}   

.calltoactioncontainer{
    display: none;
}

.content, #body .content {
    padding: 70px 0 50px;
    }
body.pg-home #body .content {
    padding: 50px 0;
}



/*  -- home --  */

#homeleft{
    float: none;
    padding: 0 0 40px;
    width: 100%;
}
#homeright{
    float: none;
}


/*  -- tours --  */

.item a.previewimage{
    display: block;
    float: none;
}  

.itemtext{
    display: block;
    float: none;
    width: 100%;
}    


/*  -- contact --  */

.contactleft{
    float: none;
    margin: 0 0 25px;
    width: 100%;
}

.contactright{
    float: none;
}

form#ValidatedForm label{
    float: none;
    margin: 15px 0 5px;
    padding: 0;
    width: 100%;
    height: auto;
    text-align: left;
    }
form#ValidatedForm .textfield{
    float: none;
    width: 100%;
}
form#ValidatedForm .checkradiogroup {
    float: none;
    width: 100%;
}


/*  -- FOOTER  */

#footerleft{
    float: none;
    padding: 20px 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #948d7a;
}

#footermiddle{
    float: none;
    padding: 20px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #948d7a;
    border-top: 1px solid #dcd8ce;
}

#footerright{
    float: none;
    padding: 30px 0 20px;
    width: 100%;
    text-align: right;
    border-top: 1px solid #dcd8ce;
}


/*  -- testimonial --  */

.testimonial img{
    float: none;
    width: 100%;
}
.quote{
    float: none;
    width: 100%;
}



/*  ---end---  */
}