@media only screen and (min-width: 768px) and (max-width: 1024px){
nav.main-menu {
    display: none;
}
.contact-div {
    text-align: right;
    display: none;
}
.btn-div {
    display: none;
}
.menu-btn {
    width:65px;
    height:65px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border: 5px solid #c3d4ad;
}
.mobile-menu {
    display: block;
}
.menu-btn__burger {
    width:45px;
    height:5px;
    background: #c3d4ad;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
.menu-btn__burger::before, .menu-btn__burger::after {
    content: '';
    position: absolute;
    width:45px;
    height:5px;
    background: #c3d4ad;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
.inr-cont-hero h1 {
    font-family: AzoSans-Black;
    line-height: 1;
    font-size: 65px;
    font-weight: 600;
    text-transform: uppercase;
    color: #c3d4ad;
}
.sht-hero-banner {
    position: relative;
    width: 100%;
}
.sht-hero-banner img{
    position: relative;
    width: 100%;
    height:50vh;
}
.menu-btn.open {
    border: 5px solid #6e2a11;
}
.menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px, -35px);
    background: #68250d;
}
.menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px, 35px);
    background: #722f16;
}
.sticky-menu .menu-btn__burger {
    width:45px;
    height:5px;
    background: #fff;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}
.sticky-menu .menu-btn {
    border: 5px solid #fff;
}
.sticky-menu .menu-btn__burger::before {
    background: #fff;
}
.sticky-menu .menu-btn__burger::after {
    background: #fff;
}
.sticky-menu .menu-btn.open .menu-btn__burger {
    transform: translateX(-58px);
    background: transparent;
}
.sticky-menu .menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(40px, 40px);
    background: #fff;
}
.sticky-menu .menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(40px, -41px);
    background: #fff;
}
.mobile-menu-list {
    width: 100%;
    position: fixed;
    top: 117px;
    left: 0;
    text-align: center;
    background: #6b240b;
    opacity:1;
    padding: 25px 0px;
    z-index: 2;
}
.mobile-menu-list ul.all-menu-list {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: left;
    height: 100vh;
    list-style: none;
    padding-left:0px;
}
.mobile-menu-list ul.all-menu-list li{
    margin-left: 45px;
    margin-right: 45px;
    border-bottom: 1px solid #9c9c9c;
}
.mobile-menu-list ul.all-menu-list a {
    text-decoration: none;
    font-size:30px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 2.7;
    color: #fff;
}
.mob-bootom-box-new0764 {
    width: 100%;
    position: absolute;
    bottom:220px;
}
.mobile-div .tel {
    color: #fff;
    font-size: 25px;
    text-decoration: none;
}
.mobile-div .mail {
    display: block;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    text-decoration: none;
}
.mooop a {
    border: 2px solid #fff;
    color: #fff;
    padding: 15px 40px 15px 40px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 18px;
    max-height: 37px;
    border-radius: 50px;
    text-decoration: none;
    transition: all ease .3s;
}
.hp-about-us .abt-us-rht-wing {
    padding: 0px 0px 0px 0px;
}
.hp-about-us .abt-btn {
    display: flex;
    gap: 20px;
    margin-top: 18px;
}
.hp-about-us .abt-btn a {
    color: #6b240b;
    background-color: #fff;
    border: 2px solid #6b240b;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    padding: 12px 20px;
    transition: all ease .3s;
}
.hp-about-us {
    padding: 80px 0 30px 0;
}
.new-chose-sec.row .col-md-3{
    width:100%;
}
.feature-why-card img {
    width: 40% !important;
    margin: 0 auto;
}
.destination-slider.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    left:80%;
    display: flex;
}
.tailor-made-safari {
    width: 100%;
    margin-top: 80px;
    position: relative;
    background-attachment: fixed;
    background-position: center;
}
section.why-choose-sec {
    width: 100%;
    padding: 0px 0px 0px 0px;
}
ul.brand-sud-list {
    list-style: none;
    display: flex;
    justify-content: right;
    position: relative;
    bottom: -30px;
}
.footer-middle .col-md-3 {
    flex: 0 0 auto;
    width: 50%;
}
.end-footer .cop-si-sec {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 25px 0px 0px 0px;
}
.banner-content h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 35px;
    letter-spacing: 10px;
    text-shadow: 0 0 2px rgba(0,0,0,1);
}
section.itinerary-overview {
    width: 100%;
    padding: 25px 0px;
    position: relative;
}
section.african-land-sec .over-land-des {
    width: 85%;
    margin: 0px auto;
    padding: 30px 0px;
    text-align: center;
}
section.african-land-sec .over-land-des  h2 {
    font-size: 25px;
    line-height: 1.6;
    font-weight: 800;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #401b0e;
}
.col-aff-box .col-box-con h5 {
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1.3px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 0 5px rgba(0,0,0,1);
}
section.destination-overview-sec {
    width: 100%;
    padding:50px 0px 70px 0px;
}
.when-to-go-sec {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0px;
    overflow:hidden;
}
.when-to-go-sec .col-md-8{
    width: 100%;
}
.when-to-go-sec .col-md-4{
    width: 100%;
}
.when-to-card {
    width: 90%;
    background: #6b240b;
    margin: 0 auto;
    padding:75px 30px;
    text-align: center;
    margin-top: 25px;
}
.weather-months span {
    width: 54px;
    height: 90px;
    margin: 8px 0px;
    text-align: center;
    border-radius: 50%;
    padding-top: 26px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    box-shadow: 1px 1px 5px #cfb2b2;
    flex: 1 1 15%;
}
.weather-months {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.when-to-card .when-logo img {
    filter: brightness(0) invert(1);
    width: 15%;
}
.when-to-card p {
    color: #fff;
    font-size: 28px;
    line-height: 40px;
}
.when-to-card .round-pic h6.tm-hed {
    font-size: 25px;
    padding: 8px 0px 0px 0px;
    color: #fff;
    font-weight: 700;
}
.when-to-card .round-pic p.para-chat {
    font-size: 22px;
    padding: 0px 47px;
    margin-bottom: 40px;
    font-weight: 500;
    color: #f2e9e9;
}
.row.where-card-sec .col-md-3 {
    width: 50%;
}
.desti-map {
    position: sticky;
    top: 250px;
    overflow: hidden;
}
section.destination-overview-sec .desti-para h2 {
    font-size: 45px;
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 600;
}
.when-to-para h2 {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 30px;
    text-transform: capitalize;
    text-align: left;
}
section.national-about .nat-overview-sec {
    width: 100%;
    padding: 0px 0px 0px 20px;
    text-align: left;
}
section.national-about {
    width: 100%;
    padding: 30px 0px 40px 0px;
}
section.national-about .nat-about-map {
    width: 100%;
    position: sticky;
    top: 160px;
}
section.how-to-visit-sec .col-md-7{
    width: 100%;
}
section.how-to-visit-sec .col-md-5{
    width: 100%;
}
section.national-activi-sec .col-md-4 {
    width: 50%;
}
section.how-to-visit-sec {
    width: 100%;
    background-repeat: repeat;
    padding: 50px 69px;
    margin: 60px 0px;
}
section.wild-life-sec  .wild-cont-sec {
    width: 75%;
    margin: 0 auto;
}
.wild-cont-sec .col-md-3 {
    width: 50%;
    margin-bottom: 25px;
}
.high-card {
    position: absolute;
    width: 35%;
    margin-left: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #6b240c;
    top: 25%;
}
div#sightpackages .col-md-4 {
    width: 50%;
}
h4.boottom-hed-title {
    position: absolute;
    top: 15%;
    left: 0;
    padding: 0px 37px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}
.itinerary-overview .itinary-over-para h2 {
    font-size: 35px;
    line-height: 1;
    font-weight: 300;
    padding: 30px 0px;
}
.itinary-over-para .itina-special {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    padding-left: 0px;
}
.itinary-over-para .itina-special li {
    border-right: none;
    padding: 15px 15px 15px 15px;
}
div.right-iti-tab {
    width: 100%;
    border-left: 1px solid #6b240b;
    padding-left: 15px;
    position: sticky;
    top: 126px;
}
.itinerary-overview .iti-map-sec h3 {
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.itinery-include h3 {
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.itinery-Exclude h3 {
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
}
.day-by-day-iti h3 {
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 25px;
    text-transform: capitalize;
}
.quick-link-box h3 {
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    padding: 5px 29px;
    color: #6b240b;
}
.itinerary-overview .boottom-shedule-iti ul.boot-shedul-list  li h4 {
    font-size: 20px;
    font-weight: 600;
    color: #6b240b;
    text-align: left;
}
.itinerary-overview .expert-para {
    width: 100%;
    text-align: left;
    padding: 10px 40px 20px 20px;
}
.expert-div .col-md-4{
    width: 100%;
}
.expert-div .col-md-8{
    width: 100%;
}
.itinerary-overview .expert-pic {
    width: 100%;
    padding: 0px 15px 15px 15px;
}
section.african-land-sec .over-land-des  p {
    color: #959595;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    padding: 0;
}
.new-excursion-div {
    padding-top: 65px;
    text-align: left;
}
section.who-we-sec .main-full-who {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
section.who-we-sec .main-full-who .who-we-pic {
    width: 100%;
    overflow: hidden;
    margin-bottom: -70px;
}
section.who-we-sec .main-full-who .who-we-para {
    width: 100%;
    padding: 70px 0px 70px 0px;
    text-align: left;
}
.what-info-box h6 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: lighter;
    line-height: 1.1;
    margin: 20px 0px;
    color: #453939;
    letter-spacing: 1.2px;
}
.people-card-info h6 {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: lighter;
    line-height: 1.1;
    margin: 20px 0px;
    color: #453939;
    letter-spacing: 1.2px;
}
.peple-main-hero {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
}
.pleopo-chabi {
    width: 100%;
    overflow: hidden;
    margin-top: -40px;
}
.people-card-info {
    width: 100%;
    padding: 80px 0px 0px 0px;
    text-align: left;
}
.sight-team-mem-about .col-md-3{
    width: 100%;
}
.super-sec {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.super-pic-sec {
    width: 100%;
}
.super-cont-sec {
    width: 100%;
    padding: 80px 70px 0px 70px;
    margin-bottom:50px;
}
.super-sec.mob-fle-sight-tra {
    width: 100%;
    display: flex;
    flex-wrap: wrap-reverse;
}
.tailor-form-box {
    width: 85%;
    margin: 0 auto;
}
section.tailor-main-sec {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 100px 30px 10px 30px;
}
.row.all-rowbox-connystdv {
    display: block;
    align-items: center;
}
.row.all-rowbox-connystdv .col-md-6{
    width:100%;
}
.cont-sight-addres-details {
    width: 100%;
    background: #f3f3f3;
    padding: 60px 30px 60px 30px;
    margin-top: 50px;
}
.row.addres-details-box .col-md-6 {
    width: 50%;
}


/*ipad responsive code end*/
}