/*
Theme Name: basetheme
*/



@media (max-width: 1199px) {

    .menu-list > ul > li > a{
        font-size: 22px;
    }

    .home-banner-sec h2{
        font-size: 80px;
        margin-bottom: 50px;
    }

    .home-banner-sec{
        padding: 50px 0;
    }

    .home-banner-sec h1{
        font-size: 100px;
    }

    .two-col-content p{
        font-size: 14px;
    }

    .foo-nav > ul > li > a{
        font-size: 12px;
    }

    .foo-logo{
        max-width: 250px;
    }

    /*-- .how-it-work-page --*/

    .how-it-work-content h1{
        font-size: 90px;
    }

    .how-it-work-content h2{
        font-size: 40px;
    }

    .how-it-work-content p{
        font-size: 18px;
    }

    .how-it-work-content ol li::before{
        font-size: 150px;
    }

    .how-it-work-content ol li{
        font-size: 30px;
        padding-left: 115px;
    margin-bottom: 70px;
    }

    .how-it-work-content ol{
        margin-top: 65px;
    }

    /*-- .whats-on-tap --*/

    .whats-on-tap-list ul li a{
        font-size: 18px;
    }

    .whats-on-tap-list ul li{
        margin: 0 10px;
    }

    .whats-on-tap-content h2{
        font-size: 60px;
    }

    /*-- contact --*/

    .contact-carousel-img img{
        max-width: 500px;
    }

    .contact-review-top h3{
        font-size: 30px;
    }

    .contact-social-list ul li a{
        font-size: 18px;
    }

    .contact-social-list{
        padding: 0 0 20px;
    }

    .contact-address ul li{
        font-size: 16px;
    }

    .contact-social-list ul li{
        margin: 0 10px 10px;
    }


}

@media (max-width: 991px) {

    body {
        padding-top: 92px;
    }

    .btn{
        min-width: 132px;
        padding: 4px 8px;
    }

    .menu-list > ul > li > a{
        font-size: 18px;
    }

    .menu-list > ul > li{
        margin: 0 10px;
    }

    .home-banner-sec{
        padding: 30px 0;
    }

    .home-banner-sec h2{
        font-size:60px;
        margin-bottom: 30px;
    }

    .home-banner-sec h1 {
        font-size: 80px;
    }
    .border-radius-img img{
        max-width: 400px;
    }

    .two-col-content p{
        font-size: 12px;
    }

    .foo-logo{
        max-width: 195px;
    }


    /*-- how it work page --*/

    .how-it-work-content h1{
        font-size: 70px;
    }

    .how-it-work-content h2{
        font-size: 30px;
    }

    .how-it-work-content p{
        font-size: 14px;
    }

    .how-it-work-content ol li::before{
        font-size: 100px;
    }

    .how-it-work-content ol li {
        font-size: 24px;
        padding-left: 85px;
        margin-bottom: 50px;
    }

    

    .menu-item-main h2{
        font-size: 30px;
    }

    .menu-table h4,.menu-table h5,.menu-table h6,.menu-table em,.menu-table i{
        font-size: 16px;
    }

    
}

@media (max-width: 767px) {

    body {
        padding-top: 70px;
    }

    .menu-main {
        text-align: left;
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        z-index: 999;
        text-align: center;
        overflow-y: auto;        
        transform: translateY(-102%);
        -webkit-transform: translateY(-102%);
        -ms-transform: translateY(-102%);
        -o-transform: translateY(-102%);
        -moz-transform: translateY(-102%);
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;       
        background-color: rgba(210,164,42,1);
        
    }

    .menu-header-sec{
        background: #fff;
        padding: 10px 0;
    }

    .menu-logo{
        max-width: 148px;
        margin: 0 auto;
        width: 100%;
        display: block;
    }

    


    .menu-logo img{
        width: 100%;
        display: block;
    }

    .menu-list>ul>li{
        display: block;
        margin: 0 0 25px;
        text-align: left;
    }
    .menu-list>ul>li>a{
        color: rgba(255,255,255,1);
    font-size: 14px;
    padding: 0 30px;
    display: block;
    
    }

    .menu-list>ul>li>a:hover , .menu-list>ul>li>a:focus{
        text-decoration: underline;
    }

    .menu-sec{
        padding: 15px 0;
    }

    .menu-list{
        padding: 30px 0;
    }

    .delite-menu-ic{
        display: block;
    }

    .menu-box{
        width: 40px;
        height: 40px;
        margin-left: auto;
    }

    .menu-box span{
        background: #000;
        height: 2px;
        margin-bottom: 8px;
        width: 100%;
        display: block;
    }

    .menu-box span:last-child{
        margin-bottom: 0;
    }

    .menu-open .menu-main {
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        -moz-transform: none;
    }

    .menu-close-wrap{
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .menu-close-wrap a {
        display: block;
        width: 50px;
        height: 50px;
        display: block;
        line-height: 42px;        
        color: #000;
        font-weight: 300;
        font-size: 30px;
        text-align: center;
    }

    .home-banner-content{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }


    .home-banner-content h2{
        order: 2;
        font-size: 30px;
        margin-bottom: 10px;
    }

    .home-banner-content h1{
        order: 1;
        font-size: 40px;
        margin-bottom: 15px;

    }

    .border-radius-img img{
        max-width: 300px;
    }
  
    .two-col{
        width: 100%;
        text-align: center;
    }

    .repeat-img-sec{
        padding: 0 0 20px;
    }

    .two-col-content p{
        font-size: 14px;
    }

    .foo-col{
        width: 100%;
        margin-bottom: 20px;
    }

    .foo-nav-col-1{
        width: 50%;
        order: 2;
    }

    .foo-img-col{
        order: 1;
    }

    .foo-nav-col-2{
        width: 50%;
        order: 3;
    }

    .foo-logo{
        max-width: 240px;
    }

    /*-- .how-it-work page --*/

    .how-it-work-sec{
        position: relative;
    }

    .how-it-work-sec:before{
        content: "";
        background: rgba(0,0,0,0.2);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 100%;

    }


    .how-it-work-sec .main{
        position: relative;
        z-index: 1;
    }

    .how-it-work-content h2{
        color: #fff;
        font-size: 20px;
    }

    .how-it-work-content p{
        color: #fff;
        font-size: 12px;
    }

    .how-it-work-content ol{
        max-width: 80%;
        margin: 0 auto;
        width: 100%;
        margin-top: 50px;
    }

    .how-it-work-content ol li{
        font-size: 12px;
        padding-left: 55px;
        width: 100%;

    }

    .how-it-work-content ol li::before{
        font-size: 70px;
    }
    

       /*-- .whats-on-tap --*/

       .whats-on-tap-list ul li a{
        font-size: 16px;
    }

    .whats-on-tap-list ul li{
        margin: 0 5px;
    }

    .whats-on-tap-content h2{
        font-size: 30px;
    }


    
    /*-- contact --*/


    .contact-review-top h3{
        font-size: 26px;
    }

    .menu-item-main h2{
        margin-bottom: 30px;
    }

    .menu-item-main{
        padding-bottom: 40px;
    }


}


@media (max-width: 480px) {

    .menu-item-main h2{
        font-size: 28px;
    }

    .menu-table h4,.menu-table h5,.menu-table h6,.menu-table em,.menu-table i{
        font-size: 14px;
    }


}