@media screen and (max-width: 320px){
    .title1{
        font-size: 180%!important;
    }
    
}

@media screen and (max-width: 480px){
    /* -- Index -- */
    .header1{
        min-height: 400px;
    }
    .title1{
        font-size: 200%;
    }
    .subtitle{
        font-size: 16px;
        margin-top: 15px;
    }
    .panel-body p{
        font-size: 85%;
        line-height: 23px;
    }
    .title-st1{
        margin: 20px 0 20px -13px;
    }
    .title-st2{
        margin: 20px 0 0 0;
        font-size: 28px;
    }
    footer h1{
        font-size: 140%;
        margin-bottom: 10px;
    }
    .foot-copy-text{
        line-height: 20px;
    }
    .newsletter input{
        height: 42px;
    }
    .newsletter .btn-primary{
        height: 42px;
    }
    .mob-feedme{
        margin-top: 0px!important;
        clear: both;
    }
    .feedme input{
        height: 42px;
    }
    .mob-btn-order{
        margin-top: 20px;
    }
    .testimonial blockquote{
        margin: 15px 0 -10px -30px;
    }
    /* -- Menus -- */
    .st7{
        margin: 0 0 10px 0;
    }
    .fontBold{
        font-size: 28px;
        margin: 7px 0 7px 0;
    }
    .menuBtn{
        padding-bottom: 20px;
    }
    .section-grey{
        padding-bottom: 20px;
    }
    .section3{
        padding-bottom: 20px;
    }
    .mob-search-div{
        margin-top: 0px!important;
    }
    .title-st3{
        margin: 15px 0 -20px 0;   
    }
    .mob-desc p{
        line-height: 24px;
    }
    /* -- venues  -- */
    .container-pp{
        margin-top: -30px;
    }
    .m-mb{
        margin-bottom: 20px;
    }
    h1{
        font-size: 34px;
    }
    .m-mt{
        margin-top: 0px;
    }
    .testimonial .carousel-indicators li{
        padding: 3px;
    }
    .title-grey{
        margin-top: 0px;
    }
    .role{
        min-height: 20px;
    }
    .cover-team{
        min-height: 340px;
    }
    .login_details{
        margin-top: 0px;
    }
    .feedme .btn-primary{
        height: 42px;
        margin-bottom: 10px;
    }
    .mob-no-mt{
        margin-top: 0px;
    }
    .mob-hotel-desc p{
        line-height: 24px;
    }
    .mob-hotel-addr{
        line-height: 24px;
    }
    .mob-c3-desc{
        margin-top: 30px;
    }
    .mob-c3-desc p{
        line-height: 24px;
    }
    /* -- c3 perks -- */
    .wrap-category .col-xs-4{
        padding: 1px;
    }
    /* -- Testimonial -- */
    .part1{
        max-height: initial;
        display: inline-block;
        height: auto;
    }
    .part2{
        margin-top: -8px;
    }
    .testi-content{
        padding: 100px 20px 0 20px;
        line-height: 27px;
        font-size: 18px;
    }
    .mob-testi-fsize{
        font-size: 125%;
    }
    /* -- Contact -- */
    .mob-bg-height{
        min-height: 150px;
        height: auto;
    }
    .mob-title-st3{
        margin: 60px 0 10px 0;
    }
    .phn{
        width: 100%;
    }
    .fax{
        margin-bottom: 5px;
    }

    .pp-hotel-img a{width: 135px; height: 135px}
}

@media screen and (max-width: 330px)
{
    .pp-hotel-img a {
    width: 112px;
    height: 112px;
}