/*==================================================

=            Bootstrap 3 Media Queries             =

==================================================*/





/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */

@media only screen and (min-width : 320px) {

}



/* Extra Small Devices, Phones */

@media only screen and (min-width : 480px) {

}



/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {

}



/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {

}



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {

}





/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

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

}



/* Medium Devices, Desktops */

@media only screen and (max-width : 999px) {
    .accordion-flat .list-group-item1 .acordiontext {
        width: 61.5%;
    }
}



/* Small Devices, Tablets */

@media only screen and (max-width : 767px) {
    .input-cart-number{
        margin: 0 10px 10px;
        width: 50%;
    }

}

@media only screen and (max-width : 709px) {
    .accordion-flat .list-group-item1 .acordiontext {
        width: 65.5%;
    }
}

@media only screen and (max-width : 664px) {
    .accordion-flat .list-group-item1 .acordiontext {
        width: 72.5%;
    }
}

@media only screen and (max-width : 604px) {
    .accordion-flat .list-group-item1 .acordiontext {
        width: 80.5%;
    }
}

@media only screen and (max-width : 529px) {
    .accordion-flat .list-group-item1 .acordiontext {
        width: 91.5%;
    }

    #reservation_faqcoment{padding: 5px !important;}
    blockquote {
        padding: 15px;
    }
}

@media only screen and (max-width : 479px) {
    .accordion-flat .list-group-item1 .acordiontext {
        width: 99.5%;
    }
}
/* Extra Small Devices, Phones */

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

}



/* Extra Small Devices, Phones */

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



}



/* Custom, iPhone Retina */

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

}
