/*Starting Common CSS Coading*/

body{
    height: 100%;
    overflow: auto;
    padding: 0 !important;
}
body {
    background:#fff;
    font-size:18px;
    margin:0;
    color:#191b20;
    height:100%;
    text-align:left;
    padding: 0;
    overflow-x:hidden;
    font-family: 'Roboto', sans-serif;
}
button{
    -webkit-transition: 0.3s all ease 0s;
    -moz-transition: 0.3s all ease 0s;
    -o-transition: 0.3s all ease 0s;
    transition: 0.3s all ease 0s;
}
html {
    -ms-overflow-style: scrollbar;
    /*    overflow: hidden;*/
    height: 100%;
    padding: 0 !important;
}
form, table, h1, h2, h3, h4, h5, h6, ul, li, div, dl {
    margin:0;
    padding:0;
}
p{
    font-weight: 300;
    letter-spacing: 1px;
}
li {
    list-style:none;
}
a {
    text-decoration:none;
    outline:none;
    color:#19D8C8;
    -webkit-transition: 0.3s all ease 0s;
    -moz-transition: 0.3s all ease 0s;
    -o-transition: 0.3s all ease 0s;
    transition: 0.3s all ease 0s;
}
a:hover, a:focus{
    text-decoration:none;
}
a:hover {
    text-decoration:none;
    color:#333;
    -webkit-transition: 0.3s all ease 0s;
    -moz-transition: 0.3s all ease 0s;
    -o-transition: 0.3s all ease 0s;
    transition: 0.3s all ease 0s;
}
img {
    border:0;
    vertical-align:middle;
}
/* CSS Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
.clsFloatleft {
    float:left;
}
.clsFloatright {
    float:right;
}
/*Ending Common CSS Coading*/

/*#wrapper{
    min-height: 100%;
     equal to footer height 
    margin-bottom: -142px;
}*/
/*#wrapper:after {
    content: "";
    display: block;
}*/
/*footer, #wrapper:after {
    height: 142px;
}*/
/* background setup */
.background {
    background-size: cover !important;
    /*    background-repeat:no-repeat;*/
    /* custom background-position */
    background-position:50% 50% !important;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}

/* fullscreen setup */
.fullscreen,
.content-a {
    width:100%;
    height:100%;
    overflow:hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
    height:auto;
    min-height:100%;
}

/* content centering styles */
.content-a {
    display:table;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}

/* visual styles */

section {

}
.not-fullscreen {
    height:50%;
}
.clsmain_header{

}
.clsmain_header .navbar-default{
    background: rgba(31,34,41,0.85);
    border-color: #555555;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 70px;
    font-size: 16px;
    text-transform: uppercase;
}
.clsmain_header .navbar-default .navbar-brand{
    padding: 4px 15px;
    height: 100%;
}
.clsmain_header .navbar-default .collapse.navbar-collapse .navbar-nav{
    margin-top: 9px;
    text-transform: uppercase;
}
.clsmain_header .navbar-default .navbar-nav > li > a{
    color: #fff;
}
.clsmain_header .navbar-default .navbar-nav > li.active > a{
    color: #19d8c8;
    background-color: transparent;
}
.clsmain_header .navbar-default .navbar-nav > li > a:hover, .clsmain_header .navbar-default .navbar-nav > li > a:focus{
    color: #19d8c8;
}
.clsbanner_content_blk_whole{
    height: 100%;
}
.clsbanner_content_blk{
    color: #fff;
    display: table;
    height: 100%;
    max-width: 490px;
    width:490px;
}
.clsbanner_content_blk_in{
    display: table-cell;
    vertical-align: middle;
}
.clsbanner_content_blk h2{
    font-size: 62px;
    margin-bottom: 30px;
    font-weight: 500;
}
.clsbanner_content_blk h4{
    font-size: 28px;
    font-weight: 300;
}
.clsbanner_btn_blk{
    border-bottom: 1px solid #898989;
    display: inline-block;
    padding: 50px 0;
}
.clsbanner_btn_blk > a:last-child{
    margin-left: 20px
}
.clsgreen_bg_btn{
    background: #19d8c8;
    border: 2px solid #19d8c8;
    color: #fff;
    font-size: 22px;
    padding: 8px 0;
    min-width: 220px;
    text-align: center;
    border-radius: 50px;
}
.clsgreen_bg_btn:hover{
    background: transparent;
    color: #19d8c8;
    border-color: #19d8c8;
}
.clsgreen_bor_btn{
    background: transparent;
    color: #19d8c8;
}
.clsgreen_bor_btn:hover{
    background: #19d8c8;
    color: #fff;
}
.clsgreen_bg_btn:focus{
    color: #fff;
}
.clsgreen_bg_btn:focus:hover{
    color: #19d8c8;
}
.clsbanner_content_blk .clsgreen_bg_btn, .clswaiting_list_content .clsgreen_bg_btn{
    display: inline-block;
}
.clsgreen_bg_btn.clsgreen_bor_btn:focus{
    color: #19d8c8;
}
.clsgreen_bg_btn.clsgreen_bor_btn:focus:hover{
    color:  #fff;
}
.clsgetline{
    margin-top: 60px;
}
.clsgetline h3{
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 500;
}
.clsbanner_down_arrow_blk{
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 1;
}
.clsbanner_down_arrow_blk:after, .clsbanner_down_arrow_blk:before{
    background: #e6e8e9 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    margin: 0 auto -1px;
    left: 0;
    right: 0;
    position: absolute;
    width: 10000%;
}
.clsbanner_down_arrow_blk:after{
    left: 100%;
    margin-left: -2px;
}
.clsbanner_down_arrow_blk:before{
    margin-right: -2px;
    right: 100%;
}
.clsbanner_down_arrow {
    position: relative;
	
}
.clsbanner_down_arrow > img {
    margin-top: -6px;
}
.clsbanner_down_arrow > a:after{
    /* background: rgba(0, 0, 0, 0) url("../images/banner_down_arrow.png") no-repeat scroll center 0; */
    bottom: 30px;
    content: "";
    height: 26px;
    left: 24%;
    position: absolute;
    width: 58px;
    cursor: pointer;
}
.clsmain_container{
    padding-top: 69px;
}
.clswaitinglist_section{
    background: #e6e8e9;
    padding: 115px 0;
}
.clswaiting_list_content_whole{
    display: table;
    width: 100%;
}
.clswaiting_list_content{
    display: table-cell;
    float: none;
    vertical-align: middle;
}g
.clswaiting_list_content h3{
    font-size: 36px;
    font-weight: 400;
}
.clswaiting_list_content > ul{
    font-weight: 300;
    margin-top:50px;
}
.clswaiting_list_content > ul > li{
    background: rgba(0, 0, 0, 0) url("../images/bullet.png") no-repeat scroll 0 center;
    line-height: 24px;
    margin: 0 0 30px;
    padding: 0 0 0 30px;
}
.clswaiting_video_blk{
    display: table-cell;
    float: none;
    vertical-align: middle;
}
.clswaiting_video_blk > a{
    position: relative;
}
.clswaiting_video_blk > a > img{
    display: inline-block;
}
.clswaiting_video_blk > a:before{
    background: #19d8c8 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    height: 115px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 115px;
    margin-top: -57.5px;
}
.clswaiting_video_blk > a:after{
    border-bottom: 20px solid transparent;
    border-left: 35px solid #fff;
    border-top: 20px solid transparent;
    content: "";
    height: 0;
    left: 12px;
    margin: -20px auto auto;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
}
.clshome_tab_section{
    padding: 9px 0 100px;
}
/* -------Tab css --------*/
.board{
    /*    width: 75%;*/
    margin: 0 auto;
    /*    height: 500px;*/
    background: #fff;
    /*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/
}
.board .nav-tabs {
    position: relative;
/*    max-width: 750px;*/
    max-width: 950px;
    text-align: center; 
    margin: 0 auto;
    margin-bottom: 0;
    box-sizing: border-box;
    border: 0 none;

}

.board > div.board-inner{
    border-bottom: 1px solid #b2b2b2;
}

p.narrow{
    width: 60%;
    margin: 10px auto;
}


.clshome_tab_section .board-inner .nav-tabs > li.active > a, .clshome_tab_section .board-inner .nav-tabs > li.active > a:hover, .clshome_tab_section .board-inner .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    /* background-color: #ffffff; */
    border: 0;
    border-bottom-color: transparent;
}
.clshome_tab_section .board-inner .nav-tabs > li {
/*    float: left;
    margin: 0 32px;
    max-width: 120px;
    text-align: center;
    width: 25%;*/
    display: inline-block;
    float: none;
    margin: 0 15px;
    max-width: 150px;
    text-align: center;
    width: 19%;

}
/*.clshome_tab_section .board-inner .nav-tabs > li.active {
    border-bottom: 5px solid #19d8c8;
}*/
.clshome_tab_section .board-inner .nav-tabs > li:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;

}
.clshome_tab_section .board-inner .nav-tabs > li.active:before {
    border-bottom: 5px solid #19d8c8;
    bottom: -7px;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
}

.clshome_tab_section .board-inner .nav-tabs > li a{
    width: 70px;
    height: 85px;
    margin: 20px auto;
    padding: 0;
    border: 0 none;
}
.clshome_tab_section .board-inner .nav > li > a:hover, .clshome_tab_section .board-inner .nav > li > a:focus{
    background: none;
    border: 0 none;
}
.clshome_tab_section .board-inner .nav-tabs > li a:hover{
    background: transparent;
}

.clshome_tab_section .tab-content{
}
.clshome_tab_section .tab-pane{
    position: relative;
    /*  padding-top: 50px; */
}
.clshome_tab_section .board-inner{
    margin-bottom:50px;
}

.clshome_tab_section .tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
/* -------Tab css end --------*/
.clshome_tab_content_blk{
    display: table;
    width: 100%;
}
.clshome_tab_image{
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.clshome_tab_image img{
    -webkit-box-shadow: 0px 45px 101px -59px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 45px 101px -59px rgba(0,0,0,0.75);
    box-shadow: 0px 45px 101px -59px rgba(0,0,0,0.75);
}
.clshome_tab_content{
    display: table-cell;
    /*vertical-align: middle;*/
    float: none;
    min-height: 200px;
}
.clshome_tab_content_blk h3{
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 26px;
}
.clshome_tab_content_blk .clsgreen_bg_btn{
    min-width: 220px;
    display: inline-block;
    margin-top: 30px;
}
.clsfooter{
    background: #242632;
    padding: 65px 0 40px;
    color: #fff;
    font-size: 16px;
}
.clsfooter .clsfooter_menu{
    text-align: left;
}
.clsfooter .clsfooter_menu > li{
    display: inline-block;
    font-weight: 300;
    letter-spacing: 1px;
}
.clsfooter .clsfooter_menu > li > a{
    color: #fff;
    margin: 0 7px;
}
.clsfooter .clsfooter_menu > li > a:hover{
    color: #19D8C8;
}
.clsfooter .clsfooter_menu > li.active > a{
    text-decoration: underline;
}
.clssocial_icons{
    float: right;
}
.clssocial_icons > li{
    display: inline-block;
    margin: 0 20px;
}
.clssocial_icons > li:last-child {
    margin-right: 0;
}
.clssocial_icons > li > a{
    background: rgba(0, 0, 0, 0) url("../images/social_icons.png") no-repeat scroll 0 0;
    display: block;
    width: 59px;
}
.clssocial_icons > li > a.clstweet{
    background-position: 0 0;
    height: 40px;
    width: 35px;
}
.clssocial_icons > li > a.clsfb{
    background-position: -35px 0;
    height: 40px;
    width: 25px;
}
.clspre_registermodal .modal-dialog {
    margin-top: 60px;
}
.clspre_registermodal .modal-header{
    border: 0 none;
}
.clspre_registermodal .modal-header .close{
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    right: -18px;
    top: -17px;
}
.clspre_registermodal .modal-header h4.modal-title{
    font-size: 24px;
    font-weight: 300;
}
.clspre_registermodal_in{
    max-width: 450px;
    margin: 0 auto;
    padding: 50px 0 25px;
}
.form-control{
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-color: #aeafb9;
    border-radius: 50px;
    font-size: 18px;
    height: 50px;
    padding: 6px 25px;
}
.form-control:focus{
    border-color: #19D8C8;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(25, 216, 200, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(25, 216, 200, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(25, 216, 200, 0.6);
}
.form-control::-moz-placeholder {
    color: #19d8c8;
    font-weight: 400;
    opacity: 1;
    font-style:italic;

}
.form-control:-ms-input-placeholder {
    color: #19d8c8;
    font-style:italic;
    font-weight: 400;
}
.form-control::-webkit-input-placeholder {
    color: #19d8c8;
    font-weight: 400;
    font-style:italic;
}
.clsguesttext{
    border-top: 1px solid #d6d7dc;
    font-size: 20px;
    margin-top: 40px;
    padding-top: 35px;
}
.clsguesttext a{
    text-decoration: underline;
}

/*--------- About css ----------*/
.clswhyQ_section{
    /*    background: #e6e8e9 url("images/banner_about.jpg") no-repeat scroll center bottom;*/
    background-image: url(../images/why_coffee_img.jpg), url(../images/why_notepad_img.jpg);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    background-color: #dddfe1;
    padding: 80px 0;
    /*    background-size: 100% auto;*/
}
.clswhyQ_content{
    max-width: 540px;
    margin: 0 auto;
    text-align: center;
}
.clswhyQ_content h2, .clscotact_banner_section h2, .clsprivacy_section h2{
    font-size: 36px;
    font-weight: normal;
    margin-bottom: 30px;
}
.clswhyQ_content h2:after, .clscotact_banner_section h2:after, .clsprivacy_section h2:after{
    border-bottom: 1px solid #83878c;
    content: "";
    display: block;
    margin: 0 auto;
    max-width: 450px;
    padding-bottom: 25px;
}
.clswhyQ_content p{
    font-size: 20px;
}
.clsdownloadQ_section{
    position: relative;
    /*     Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+51,19d8c8+51,19d8c8+100 
        background: #ffffff;  Old browsers 
        background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 50%, #19d8c8 50%, #19d8c8 100%);  FF3.6-15 
        background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 50%,#19d8c8 50%,#19d8c8 100%);  Chrome10-25,Safari5.1-6 
        background: linear-gradient(to right,  #ffffff 0%,#ffffff 50%,#19d8c8 50%,#19d8c8 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#19d8c8',GradientType=1 );  IE6-9 
        border-collapse: separate;
        zoom: 1;*/

}
.clsdownloadQ_section:before{
    background: #f5f5f5;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: -1;
}
.clsdownloadQ_section:after{
    background: #19d8c8;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -1;
}
.clsdownloadQ_left_blk{
    display: table-cell;
    width: 50%;
    padding-top: 100px;
    padding-right: 15px;
}
.clsdownloadQ_section_in{

    display: table;
    width: 100%;
}
.clsdownloadQ_section h3{
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 30px;
}
.clsapp_btns_blk{
    margin-bottom: 65px;
    display: table;
}
.clsdownloadQ_host{
    background: #19D8C8;
    display: table-cell;
    padding-top: 100px;
    width: 50%;
    -webkit-box-shadow: inset 26px 0px 39px -38px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 26px 0px 39px -38px rgba(0,0,0,0.75);
    box-shadow: inset 26px 0px 39px -38px rgba(0,0,0,0.75);
    padding-bottom: 30px;
}
.clsapp_btns_blk > img{
    padding: 0 7px 10px;
    display: inline-block;
}
.clsapp_btns_blk > img:first-child{
    margin-left: 0;
}
.clswhite_btn{
    background: #19d8c8;
    border-color: #fff;
    color: #fff;
    display: inline-block;
}
.clsgreen_bg_btn.clsgreen_bor_btn.clswhite_btn:focus{
    color: #fff;
}
.clsgreen_bg_btn.clsgreen_bor_btn.clswhite_btn:focus:hover{
    color:  #19d8c8;
}
.clswhite_btn:hover{
    background: #fff;
    border-color: #fff;
    color: #19d8c8;

}
.clsdownloadQ_host_img{
    margin-top: 30px;
}
/*--------- Contact css ----------*/
.clscotact_banner_section{
    background: #e7f2f3 url("../images/contact_banner_img.jpg") no-repeat scroll right center;

}
.clscotact_banner_content{
    padding: 200px 0;
}
.clscotact_banner_content > p{
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 15px;
}
.clscotact_banner_content > p.clscontact_mail > a{
    border-radius: 7px;
    display: inline-block;
    font-weight: 500;
    min-width: 350px;
    padding: 15px 0;
}
.clscotact_banner_content > p.clscontact_phone{
    color: #19d8c8;
    font-weight: 500;
}
.clscotact_banner_content > p.clscontact_phone span{
    margin: 0 0 0 10px;
}

.clscotact_banner_content > p > a{

}
.clscotact_banner_section h2:after{
    margin: 0;
}
.clsmain_header .navbar-toggle{
    border-color: transparent;
    padding: 0 10px;
}
.clsmain_header .navbar-toggle:hover, .clsmain_header .navbar-toggle:focus{
    background: transparent;
}
.clsmain_header .navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
    height: 1px;
    width: 30px;
    margin: 8px 0;
}
/*--------- FAQ css ----------*/
.clsfaq_section{
    background: #e6e8e9;
    padding: 60px 0;
    min-height: 765px;
}
.clsfaq_box{
    border: 3px solid #19d8c8;
    border-radius: 100%;
    display: table;
    height: 103px;
    margin: 0 auto;
    width: 103px;
    position: relative;
}
.clsfaq_section .clsfaq_icons_blk li.active .clsfaq_box{
    border-color: #4c4c4c;
}
.clsfaq_box .clsfaq_icon{
    background: url("../images/sprite_faq_icons.png") no-repeat;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
}
.clsfaq_box .clsfaq_icon.clsfaq_icon_rest{
    background-position: 0 0px;
    height: 46px;
    width: 38px;
    margin-top: -23px;
}
.clsfaq_section .clsfaq_icons_blk li.active .clsfaq_box .clsfaq_icon.clsfaq_icon_rest{
    background-position: 0 -46px;
    height: 46px;
    width: 38px;
    margin-top: -23px;
}
.clsfaq_box .clsfaq_icon.clsfaq_icon_guest{
    background-position: -39px 0;
    height: 36px;
    width: 40px;
    margin-top: -18px;
}
.clsfaq_section .clsfaq_icons_blk li.active .clsfaq_box .clsfaq_icon.clsfaq_icon_guest{
    background-position: -39px -46px;
    height: 36px;
    width: 40px;
    margin-top: -18px;
}
.clsfaq_icon.text-center > span {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
.clsfaq_box h3{
    font-size: 32px;
    font-weight: normal;
    padding: 45px 0;
}
/*--------- Privacy css ----------*/
.clsprivacy_section{
    padding: 50px 0;
    font-size: 16px;
}
.clsprivacy_section h2:after{
    margin:0;
}
.clsprivacy_section h4{
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 17px;
}
.clsprivacy_section p{
    letter-spacing: 0;
    line-height: 28px;
}
.clsprivacy_section p > a{
    text-decoration: underline;
    color: #191b20;
}
.clsprivacy_section p > a:hover{
    color: #19d8c8;
}
/*--------- guest css ----------*/
.clsguest_banner{
    position: relative;
}
.clsguest_banner .clsbanner_content_blk{
    max-width: 540px;
}
.clsguest_video_section .clswaiting_list_content > ul > li{
    line-height: 26px;
}

/*--------- carousel fade css ----------*/
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }

        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 2;
    }
}



html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{
    opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right{
    opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right{
    left: 0;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control{
    z-index: 2;
}


.carousel-fade .carousel-inner .item{
    transition-property: opacity;
    z-index: 1;
    padding: 24.2% 6% 27%;
}


/*--------- carousel fade css end ----------*/
.clsguest_slider_section{
    padding: 65px 0 100px;
    position: relative;
    overflow: hidden;
    /*    height: 100%;*/
}
.clsguest_slider_content{
    display: table;
    width: 100%;
}

.clsguest_slider_app_btns{
    vertical-align: middle;
    float: none;
}
.clsguest_slider_app_btns img{
    display: inline-block;
    margin: 0 7px 10px 0;
}
.clsguest_slider_section .carousel-indicators li.active{
    background: #000;
    border-color: #000;
}
.clsguest_slider_section .carousel-indicators li{
    border-color: #000;
    width: 15px;
    height: 15px;
    margin: 0 20px;
}

.clsguest_slider_section .carousel-indicators {
    bottom: -50px;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    margin: auto;
}
/* .ms-section.ms-table{
    background: #fff !important;
} */
.ms-tableCell{
    text-align: left;
}
.clsguest_slider_section .clsguest_slider_carousel_blk .carousel{
    max-width: 377px;
    max-height: 775px;
    margin: 0 auto;
}
.clsguest_slider_section .vertical .carousel-inner {
    height: 100%;
    left: 0;
    margin: auto;
    padding: 0 15%;
    position: absolute;
    right: 0;
    top: 11%;
}

.clsguest_slider_section .carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.clsguest_slider_section carousel.vertical .active {
    top: 0;
}

.clsguest_slider_section .carousel.vertical .next {
    top: 100%;
}

.clsguest_slider_section .carousel.vertical .prev {
    top: -100%;
}

.clsguest_slider_section .carousel.vertical .next.left,
.clsguest_slider_section .carousel.vertical .prev.right {
    top: 0;
}

.clsguest_slider_section .carousel.vertical .active.left {
    top: -100%;
}

.clsguest_slider_section .carousel.vertical .active.right {
    top: 100%;
}

.clsguest_slider_section .carousel.vertical .item {
    left: 0;
}
.clsiphoneslider_bg{

}
.clshomebanner_section{
    position: relative;
}
.ms-left-content {
    float: left;
    margin: 0 auto;
    max-width: 477px;
    position: relative;
}
/* .ms-left-content:before{
    background: transparent url("images/iphone_bg.png") repeat scroll 0 0;
    height: 784px !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 477px !important;
    z-index: 1000;
} */
#myContainer {
    position: relative;
    overflow: hidden;
}
.ms-left-inner {
    z-index: 10;
}
.clsiphone_whole_div{
    height: 593px;
    left: 0;
    margin: auto;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 10%;
    max-width: 336px;
}
.clsiphone_whole_div  .ms-left .ms-tableCell{
    display: block;
}
.clsiphone_whole_div .ms-left{
    /*	width:100% !important;*/
    left: 0 !important;

}
.clsiphone_whole_div .ms-left .ms-section.ms-table{
    display:block;
}
.clsguest_slider_section .ms-left-content{
    margin: 0 0 0 10%;
}
.clsguest_slider_section .ms-right{
    right:10% !important;
}
.clsphone_img{
    position: absolute;
}
.clsguest_slider_img {
    left: 4.3%;
    position: relative;
    margin-top: 17%;
}
.clsguest_slider_app_btns_blk{
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.clsguest_slider_section .carousel-inner {
    z-index: 1;
}
.clsguest_slider_section .carousel-inner:after{
    background: url("../images/iphone_bg.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 775px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 373px;
}
.clsguest_slider_section_in{
    display: table;
    width: 100%;
}
.clsguest_slider_carousel_blk{
    display: table-cell;
    vertical-align: middle;
    width: 55%;
}



/* crazy batman newspaper spinny thing */
.rotate {
    transform:rotate(180deg);
    transition:all 0.5s;
}
.rotate.in {
    transform:rotate(1800deg);
    transition:all 1.5s;
}
.nicescroll-rails{
    z-index: 9999 !important;
}
/* 24.1.17 */
.cls404_section h1{
    font-size: 133px;
    color: #fff;
}
.cls404_section h3{
    font-size: 28px;
    font-weight: 400;
    padding: 25px 0 50px;
}
/* 25.1.17 */

.cls404wrapper{
    min-height: 100%;
    /* equal to footer height */
    margin-bottom: -142px;
    background: #d2d4d5;
}
.cls404wrapper:after {
    content: "";
    display: block;
}
.clsfooter, .cls404wrapper:after {
    min-height: 142px;
}

.cls404_section .clsgreen_bg_btn{
    display: inline-block;
    width: 300px;
}
.cls404_section {
    background: #d2d4d5;
    height: 300px;
    margin-top: -150px;
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}
.clsfaq_icons_blk{
    text-align: center;
    padding: 0 0 22px;
}
.clsfaq_icons_blk li{
    display: inline-block;
    width: 270px;
}
.clsfaq_navbar{
    background: #E6E8E9;
    border: 0 none;
    text-align: center;
    font-size: 32px;
    margin-bottom: 50px;
    /*position: sticky;
    position: -webkit-sticky;
    top: 70px;*/
}
.clsfaq_navbar .navbar-nav{
    width: 100%;
}
.clsfaq_navbar .navbar-nav > li{
    display: inline-block;
    float: none;
    width: 270px;
}
.clsfaq_navbar .navbar-nav > li a{
    color: #19d8c8;
    
}
.clsfaq_navbar .navbar-nav > li a:hover, .clsfaq_navbar .navbar-nav > li a:focus{
    background: none;
}
.clsfaq_navbar .navbar-nav > li.active a{
    color: #000000;
    text-decoration: none;
}
.clsfaq_accordian{
    
}
.tab_scroll {
    display: none;
}
.tab_scroll.active {
    display: block;
}
.clsfaq_accordian .panel-default > .panel-heading{
    background: none;
    border: 0 none;
    padding: 20px 15px 20px 0;
    font-weight: bold;
}
.clsfaq_accordian .panel-default > .panel-heading h4 a{
    color: #000;
}
.clsfaq_accordian .panel-default.panel{
    background: none;
    border-top: 1px solid #d3d5d7;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.clsfaq_accordian .panel-default.panel:last-child {
    border-bottom: 1px solid #d3d5d7;
}
.clsfaq_accordian .panel-default .panel-body{
    font-size: 16px;
    font-weight: 300;
    padding-top: 0px;
    border: 0 none !important;
}
.affix {		
      top: 0;		
      width: 100%;		
      padding-top: 85px;		
      left: 0;		
      right: 0;		
      margin: 0 auto;		
      z-index: 1;		
      transform:translate3d(0, 0, 0);		
      -webkit-transform:translate3d(0, 0, 0);		
  }		
  .affix + .container-fluid {		
      padding-top: 85px;		
      transform:translate3d(0, 0, 0);		
      -webkit-transform:translate3d(0, 0, 0);		
  }
  .clsdownloadQ_host .clsblk_app_badge > img{
      display: inline-block;
  }

.clswaiting_video_blk img.clssliderthumb_img{
    width: 100%;
}
.clshome_tab_content_in{
    min-height: 200px;
}

.clshome_tab_content_in > p {
    margin-bottom: 20px;
}
.clshome_tab_content_in > p:last-of-type {
    margin-bottom: 0;
    padding-top: 7px;
}

/*
* Learn more text 
*/
.clslearnmore_txt a{
    color: #19d8c8;
    font-size: 22px;
    font-weight: 400;
    padding-top: 10px;
}

.clsfaq_accordian .panel-default .panel-body > ul{
    margin: 30px 0 0 35px;
}
.clsfaq_accordian .panel-default .panel-body > ul > li{
    background: rgba(0, 0, 0, 0) url("../images/bullet.png") no-repeat scroll 0 6px;
    line-height: 24px;
    margin: 0 0 12px;
    padding: 0 0 0 30px;
}

.clsblk_app_badge > a {
    display: inline-block;
}
.clsfaq_accordian .panel-body >  h6{
    padding-top: 10px;
}
.clsfaq_accordian .panel-body a{
    text-decoration: underline;
    color:#000;
}
.clsfaq_wrapper {
    background: #e6e8e9;
}
.clsfaq_wrapper .clsfaq_section{
    min-height: 100%;
}

.video-responsive {
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}

.canvas,
.video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: #000;
	z-index: 5;
}
#over_video{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	z-index: 10;
	font-size: 12vw;
	color: #FFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-top: 20%;
    text-shadow: 4px 4px 4px #5C433B;
}

.clsbanner_down_arrow_blk{
        z-index: 9999;
}
.banner-arrow{
    position: absolute;
    left: 28px;
    margin-top: -11px;
}
.video-responsive{
        height: 100%;
        padding-bottom: 0;
}
.video-container{
        display: table;
    width: 100%;
    height: 100%;
}
.video-content{
        display: table-cell;
    font-size: 40px;
    position: relative;
    z-index: 9999;
    vertical-align: middle;
}
.hero{
       /*  position: relative; */
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
        height: 100%;
}
.hero .hero__content, .hero .hero__titles{
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
.hero .hero__content{
  position: absolute;
    z-index: 3;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
.hero .hero__titles{
        width: auto;
    height: auto;
    margin: auto;
}
.hero.visible .hero__titles .hero__title{
    -webkit-animation: .9s cubic-bezier(.455, .03, .515, .955) forwards hero-word;
    animation: .9s cubic-bezier(.455, .03, .515, .955) forwards hero-word;
}
.hero .hero__title, .hero .hero__title span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hero .hero__title {
    font-size: 7.5rem;
    line-height: 6.875rem;
    letter-spacing: -.03em;
    text-shadow: 5px 5px 2px hsla(0, 0%, 50%, .1);
    margin: auto;
    margin-bottom: 0;
    -webkit-transform: translate3d(0, 1000px, 0);
    transform: translate3d(0, 1000px, 0);
    display: block;
}
.hero__video{
    height: 100%;
    width: 100%;
}
.hero__video-container{
        width: 100%;
}
.hero .hero__titles h1{
     font-family: 'Roboto', sans-serif;
    font-size:62px;
    color:#fff;
    width: 1170px;
    text-align: left;
        font-weight: 500; 
        letter-spacing: 2px;
/*        margin-top:5%;*/
}

.hero .hero__titles p{
     font-family: 'Roboto', sans-serif;
    text-align: left;
    font-size:28px;
    color:#fff;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 28px;
}
.play-video{
    background: url("../images/play-btn.png") no-repeat scroll 0 6px;
        display: inline-block;
    float: left;
    padding: 28px 0 28px 92px;
        margin-top: 15px;
            font-size: 20px;
            color:#19D8C8;
                font-weight: 500;
                letter-spacing: 2px;
}
.play-video:hover{
    color:#19D8C8;
}
.clsmain_header .navbar-default{
       background: none;
    border: none; 
}
.mob-ban-img{
        position: absolute;
       bottom: 32px;
    right: 0;
}
.mob-ban-img img{
    width:87%;
}
.hero .hero__video-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000
}

.hero .hero__video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover!important;
	object-fit: cover!important
}
.how-it-works h3{
    color:#19d8c8;
    font-size: 20px;
     font-family: 'Roboto', sans-serif;
     font-weight:bold;
     text-transform: uppercase;
     letter-spacing: 2px;
}
.how-it-works{
    background:#fff !important;
    
}
.how-it-works ul{
    margin-top:40px;
}
.how-it-works .img-sec{
    position:relative;
}
.how-it-works span {
    background: #19d8c8;
    width: 48px;
    height: 48px;
    border-radius: 25px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
        position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    top: 100%;
    font-size: 20px;
    color: #fff;
        font-weight: bold;
}
.how-it-works .text-sec{
        padding-top: 45px;
        font-size: 22px;
        font-weight: 300;
}
.app-store a{
    background: url("../images/app-store.png") no-repeat scroll top center;
    width:220px;
    height: 65px;
    display: inline-block;
    float: left;
}
.google-play a{
    background: url("../images/google-play.png") no-repeat scroll top center;
     width:220px;
    height: 65px;
    display: inline-block;
    float: right;
}

.how-it-works .app-google{
    width: 470px;
    margin:60px auto 50px;
    overflow: hidden;
}
.how-it-works p{
      font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color:#242731;
        font-weight: 400;
}
.img-section img{
    text-align: right;
}
.join-res-txt li{
    background: url("../images/right-arrow.png") no-repeat scroll top center;
}
#section2{
    background:#f5f5f5;
} 
.center-align .img-section{
        display: table-cell;
    width: 50%;
        vertical-align: middle;
}
.center-align .text-section{
        display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.center-align{
       display: table;
    width: 100%;
}
.center-align .text-section{
    text-align: left;
}
.center-align .text-section h3{
    font-size: 50px;
    font-weight:500;
    margin-top:15px;
}
.center-align .text-section p{
    margin:15px 0;
}
.center-align .text-section p, .center-align .text-section li{
    font-size: 18px;
    line-height: 25px;  
    letter-spacing: 1px;
}
.join-res-txt li {
    background: url(../images/right-arrow.png) no-repeat scroll left center;
        padding-left: 40px;
        margin-bottom:15px;
        font-weight:300;
}
#section2{
     color:#191b20;
     background:#f5f5f5;
}
#section3{
    background: #272b36;
    color:#ffffff;
}
#section3 h3{
   color:#ffffff; 
   margin:20px 0;
}
.join-now-blks div{
  display: table;
    float: left;
}
.join-now-blks div:nth-child(2){
    margin:0 15px;
}
.join-now-blks span.box{
        display: table-cell;
    vertical-align: middle;
    background: #2f3442;
    height: 142px;
    width:250px;
    text-align: center;
        color: #fff;
        border-radius: 5px;
        font-weight: 300;
        letter-spacing: 1px;
}
.join-now-blks span{
     display: table-cell;
    vertical-align: middle;
    height: 142px;
    color:#19d8c8;
     font-weight: 300;
}
#section3 .text-section h4{
    font-size:18px;
    color:#ffffff;
        margin-top: 30px;
    display: inline-block;
     background: url(../images/dollar.png) no-repeat scroll left center;
    padding: 20px 0 20px 95px;
    font-weight:300;
}
#section3 .text-section h4 span{
    font-weight: bold;
}
#section4{
    color:#272b36;
        background: #f5f5f5;
}
.app-google{
        width: 470px;
    margin: 60px 0 50px;
    overflow: hidden;
}

#section4 .relax-icn{
    margin-bottom: 20px;
}
#section6 h4{
    color:#19d8c8;
    text-align: center;
    margin-bottom: 60px;
    font-weight:bold;
    font-size:20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#section6 ul li div{
    background: #f5f5f5;
    padding:30px;
    border-radius: 15px;
}
#section6 ul li p {
    min-height: 260px;
}
#section6 ul li p, #section6 ul li h4, #section6 ul li h6{
    color:#191b20;
    font-size: 18px;
    text-align: left;
}
#section6 ul li h6{
    font-weight: 300;
    font-size:16px;
}
#section6 ul li h4{
    color:#19d8c8;
    margin-bottom: 0;
    font-weight:400;
    text-transform: inherit;
}
.quote-sec li{
    position:relative;
}
.quote-sec li img{
    position:absolute;
    left:40px;
       top: -22px;
}
#section6 ul.quote-sec li a{
    background: url(../images/arrow.png) no-repeat right center;
    padding-right: 20px;
    font-size: 18px;
    font-weight: 400;
    margin-top: 35px;
    display: inline-block;
    text-decoration: underline;
}
#section6 ul.quote-sec li a:hover{
    color:#19D8C8;
    
}
#section7 .manage-rest{
    background: url(../images/manage-res.jpg) no-repeat scroll right center;
    background-size: cover;
}
.manage-rest h4{
    font-size:32px;
    color:#fff;
    font-weight:500;
    letter-spacing:1px;
}
.manage-rest a{
       text-transform: uppercase;
    border: 2px solid #19d8c8;
    color: #19d8c8;
    display: inline-block;
    width: 221px;
    padding: 7px 0;
    border-radius: 25px;
    margin-top: 20px;
    font-size: 22px;
    font-weight:500;
    letter-spacing:1px;
}
.manage-rest a:hover{
    background: #19d8c8;
    color: #fff;
}
.people-say{
    height: 540px;
        padding: 105px 0;
            margin-bottom: 55px;
}
.manage-rest{
    height: 300px;
        padding: 97px 0;
}
.clsfooter p{
    font-size:16px;
}
.soc-icns a{
    width:34px;
    height: 34px;
    display:inline-block;
}
.soc-icns a:hover{
    opacity:0.7;
}
.soc-icns li{
    float: left;
        margin-right: 30px;
}
.twi-icn a{
    background: url("../images/twitter-icn.png") no-repeat scroll right center;
}
.fb-icn a{
    background: url("../images/fb-icn.png") no-repeat scroll right center;
}
.ins-icn a{
    background: url("../images/ins-icn.png") no-repeat scroll right center;
}
.clsfooter p{
    text-align: left;
}
.soc-icns{
        margin-top: -6px;
}
.soc-icns li.ins-icn{
    margin-right:0;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
        height: 10px;
    width: 10px;
        background: none;
            border: 1px solid #242632;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
    border: 1px solid #19d8c8 !important;
        height: 25px;
    width: 25px;
    margin: -9px 0 0 -9px;
}
#fp-nav ul li, .fp-slidesNav ul li{
    margin-bottom: 28px;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
       margin: -2px 0 0 -2px;
}
.show-desk{
    display:block;
}
.show-mob, #fp-nav ul li .fp-tooltip{
    display: none;
}
.clsmain_header .navbar-default .navbar-toggle .icon-bar{
        background-color: #19d8c8;
}
.clsmain_header .navbar-toggle{
        border-color: #19d8c8;
}
.clsbanner_down_arrow_blk:after, .clsbanner_down_arrow_blk:before{
    background:#ffffff;
}
.clsmain_header .navbar-default .collapse.navbar-collapse .navbar-nav{
    margin-top:40px;
}
.overlay{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: #000;
    opacity: 0.7;
}
/*Restaurant page*/
.hero .hero__titles h2{
    color: #fff;
    font-size: 28px;
    text-align: left;
    margin-top: 30px;
}
.guest-manag{
    text-align: left;
    background:#f5f5f5;
}
.guest-manag .center-align .text-section h3{
     font-size: 34px;
     color:#191b20;
     margin-bottom: 40px;
     font-weight: 300;
}
.guest-manag ul li{
    font-size: 18px;
    font-weight: 300;
        list-style-type: disc;
    line-height: 35px;
    margin-bottom:15px;
}
.guest-manag .text-section{
    width:30%;
}
.guest-manag .img-section{
    width:70%;
}
.guest-manag .img-section img{
    width:100%;
}
.guest-manag .learn-more{
          text-transform: uppercase;
    border: 2px solid #19d8c8;
    color: #19d8c8;
    display: inline-block;
    width: 221px;
    padding: 7px 0;
    border-radius: 25px;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center;
}
.Q-list-img.img-section img{
    width:100%;
}
.center-align .tab-text-section h3{
    font-weight: 300;
    margin-bottom: 15px;
}
.center-align .app-google{
    margin:25px 0 50px;
}
.tab-text-section .resp-tabs-list a{
     display: inline-block;
    width: 80px;
    height: 80px;
}

.restaurant-tab.faq-tab li a{
       width: 80px;
    height: 80px; 
    border:none !important;
    display:inline-block;
}
.restaurant-tab.faq-tab li a:hover{
    border:none;
}
.restaurant-tab.faq-tab li.app-store a{
        width: 170px;
}
.restaurant-tab.faq-tab .tab-icn-1 a{
     background: url("../images/Q-list-icn-1.png") no-repeat top center;     
}
.restaurant-tab.faq-tab .tab-icn-2 a{
     background: url("../images/Q-list-icn-2.png") no-repeat top center;     
}
.restaurant-tab.faq-tab .tab-icn-3 a{
     background: url("../images/Q-list-icn-3.png") no-repeat top center;     
}
.restaurant-tab.faq-tab .tab-icn-4 a{
     background: url("../images/Q-list-icn-4.png") no-repeat top center;     
}
.restaurant-tab.faq-tab .tab-icn-5 a{
     background: url("../images/Q-list-icn-5.png") no-repeat top center;     
}
#section2.Q-list{
    background:#ffffff;
}
#section6.succ-stories{
    background:#f5f5f5;
}
#section6.succ-stories h4{
    margin-bottom:5px;
}
#section6.succ-stories h5{
    margin-bottom:60px;
}
.succ-stories h5{
    font-size:34px;
    color:#191b20;
}
#section7.learn-guest .manage-rest{
    background: url(../images/learn-guest.jpg) no-repeat scroll right center;
    background-size: cover;
}
#section6.succ-stories ul li div{
    background: #ffffff;
}
#myHeader{
    background:rgba(36, 39, 49, 0.8);
}
#myHeader.header-1{
    background:none;
}

/*Why Q*/
.why-q-list{
    padding-top:130px;
}
.why-q-list h1{
    text-align: left;
    font-size:62px;
    padding-top:50px;
    padding-bottom: 50px;
}
.why-q-list ul.resp-tabs-list{
    width:auto;
    margin-top: 35px;
   position: relative;
    z-index: 2;
}
.why-q-list ul.resp-tabs-list li{
    text-align: center;
}
.why-q-list ul.resp-tabs-list li h4{
    font-size:28px;
    margin-top:10px;
}
.why-q-list .tab-icn-1 a{
     background: url("../images/res-icn.png") no-repeat top center;     
     width:104px;
     height:104px;
}
.why-q-list .tab-icn-2 a{
     background: url("../images/guest-icn.png") no-repeat top center;     
     width:104px;
     height:104px;
}
.top-tab-part .top-tab-content h4{
    font-weight: 500;
    font-size:20px;
}
.top-tab-part .top-tab-content p{
     font-weight: 300;
    font-size:20px;
    margin-top: 40px;
    line-height: 28px;
}
.tab-bg{
    background:#f5f5f5;
}
.why-q-list .resp-tab-content{
    padding-left:0;
    padding-right:0;
    padding-bottom:0;
}
.why-q-list-res .bot-tab-part .down-q-app{
        background: url(../images/download_host_img-2.png) no-repeat scroll right center;
    background-size: cover;
    margin-top:120px;
        height: 300px;
    padding: 97px 0;
}
.why-q-list-res .bot-tab-part .down-q-app h4{
      font-size: 32px;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: left;
}
.why-q-list-res .bot-tab-part .down-q-app .app-google{
    margin:0;
    width:auto;
}
.why-q-list-res .bot-tab-part .down-q-app .app-store a{
        background: url(../images/app-store-2.png) no-repeat scroll top center;
        width: 229px;
        height:77px;
        margin-top:23px;
}
.why-q-list-res .bot-tab-part .down-q-app .google-play a{
        background: url(../images/google-play-2.png) no-repeat scroll top center;
        width: 253px;
        height:72px;
        margin-top:23px;
        margin-left:25px;
        float: left;
}
.why-q-bg-right{
        display: none;
}
.why-q-bg-left, .guest-mobile{
    display: none;
}
.clscotact_banner_section{
    background: #e7f2f3 url("../images/contact-bg.jpg") no-repeat scroll right center;
}
.clsdownloadQ_host_img {
    margin-top: 60px;
}
.faq-tab .nav-tabs{
    margin-top: 35px;
}

.faq-tab .tab-icn-1 a{
        display: inline-block;
    background-color: unset !important;
    border: none !important;
        background: url(../images/res-icn.png) no-repeat top center;
    width: 215px;
    height: 104px;
        padding-left: 0;
    padding-right: 0;
}
.faq-tab .tab-icn-2 a{
       display: inline-block;
    background-color: unset !important;
    border: none !important;
    background: url(../images/guest-icn.png) no-repeat top center;
    width: 215px;
    height: 104px;
        padding-left: 0;
    padding-right: 0;
    }
.faq-tab .nav-tabs li h4{
    font-size: 28px;
    margin-top: 93px;
}
.nav-tabs{
    border-bottom: none;
}
.clsfaq_accordian .panel-default.panel:nth-child(1){
        border-top: none;
}
.clsmain_container{
    padding-top: 130px;
}
.clsprivacy_section{
    background:#f5f5f5;
}
#faq-tab-container{
    margin-top: 40px;
}
.what-people-say{
    background:#f5f5f5;
}
.what-people-say p{
    font-size: 20px;
    text-align: left;
}
.test-img{
    top: 90px;
    position: relative;
}
.quote-text-sec p{
    font-size:20px;
    font-weight: 300;
    padding-bottom: 40px;
}
.quote-container{
    width:750px;
    margin: 0 auto; 
    padding-top:40px;
}
.quote-container .quote-text-sec{
    text-align: left;
    padding-top: 40px;
}
.quote-img-sec h5{
    font-size:20px;
    color:#19d8c8;
    margin: 20px 0 10px 0;
}
#faq-tab-container .top-tab-part .top-tab-content p{
    font-size: 16px;
        margin-top: 0;
    line-height: 25px;
}
#faq-tab-container .top-tab-part .top-tab-content h4{
    font-size: 18px;
}
.why-q-bg-right{
        position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: block;
}
.why-q-bg-left{
        position: absolute;
    left: 0;
    top: 40%;
    z-index: 1;
     display: block;
}
.why-q-list-res{
    position:relative;
}
.mid-tab-part{
    display:none;
}
.clsprivacy_section h4, .clsprivacy_section p{
    font-size:16px;
}
.restaurant-page .section{
    padding:50px 0;
}
.restaurant-page #section0{
    padding:0;
}
.restaurant-page #section7.learn-guest{
    padding:0;
}

.list-wrap{
    height:auto !important;
}
.clsapp_btns_blk a{
    margin-bottom: 10px;
    display: inline-block;
}
/* .restaurant-page .clsbanner_down_arrow_blk:after, .restaurant-page .clsbanner_down_arrow_blk:before{
    background:#f5f5f5;
} */
.restaurant-page .people-say{
    padding:20px 0 70px;
    margin-bottom:0;
}
.clsbanner_down_arrow > img.banner-arrow{
       margin-top: -20px;
}
.why-q-list-res .bot-tab-part .down-q-app-2{
    background:#151619;
}
#section0{
    overflow:hidden;
}
.restaurant-page #section0{
    position: relative;
}
.better-manage{
    padding-left: 18px;
}

.why-q-list .what-people-say h1{
        padding-top: 82px;
    padding-bottom: 30px;
}
.tab-bg.restaurant-tab{
    background:none
}
.why-q-content, #why-tab-container .list-wrap{
    background:#fff;
}
.faq-tab #why-tab-container .nav-tabs{
    z-index: 2;
    position: relative;
}
.why-q-container{
    width:1170px;
    margin: 0 auto;
}

/* Aug 14 2019 */
.how-it-works p.sub-text{
    font-size: 12px;
    margin-top:10px;
}
#section6 ul li p, #section6 ul li h4, #section6 ul li h6{
        font-size: 15px;
}
#section6 ul li p{
    min-height: 200px;
}
.guest-manag.white-bg, #section6.succ-stories.white-bg{
	background:#fff;
}
.guest-manag.grey-bg{
	background:#f5f5f5;
}
.text-italic{font-style:italic !important;font-weight:300;}
.zero-space{
	margin:0 !important;
}
.guest-manag.your-customer .center-align .text-section h3{
	margin-bottom:0;
}
#section6 h4.succ-stories-title{
	margin-bottom:60px;
}
#section6 a.watch-res{
	margin-top:30px;
	margin-bottom:0;
	display:inline-block;
	font-weight:bold;
	font-size:20px;
}
.grey-circle{
    text-align: center;
    background: #f1f1f1;
    border-radius: 90%;
    width: 220px;
    min-height: 220px;
    position: relative;
	display:table;
}
.alter-container .grey-circle p{
	color: #19D8C8;
    font-size: 20px;
    font-weight: 500;
	text-align:center;
	    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.grey-circle p span{
	font-size: 34px;
}
.alter-container p{
	font-size: 23px;
	margin-top:20px !important;
	color:#19D8C8;
	position: relative;
    z-index: 9999;
	font-weight: 500;
}
/* .alter-container{
	margin-top: -140px;
	margin-bottom:110px;
} */
/* .guest-gap-adjust{
	margin: 25px 0 50px 0;
} */
.restaurant-people-say{
	height:auto;
	padding:50px 0;
}
/* .sec-padding{
	padding:50px 0;
} */
.restaurant-page .restaurant-first-sec .clsbanner_down_arrow_blk:after, .restaurant-page .restaurant-first-sec .clsbanner_down_arrow_blk:before{
	
}
.alter-container{
	margin-top:25px;
}
.alter-para{
	/*display:table;*/
	display:none;
	    min-height: 200px;
}
.alter-para p{
	display:table-cell;
	vertical-align:middle;
}
.hero .hero__titles .restaurant-container p{
	font-size: 20px;
}

.alter-para{
	height:220px;
	display: none;
}
.mobile-version{
	display:none;
}
.text-bold{
	font-weight:bold;
}
.quote-text-sec p span{
	font-style: italic;
}
#faq-tab-container .top-tab-part .top-tab-content p span{
	font-size:12px;
}
.how-it-works h3{
	margin-top: 10px;
}
.how-it-works .text-sec{
	padding-top:10px;
}
#section2.white-bg{
	background:#ffffff;
}
.how-it-works .img-sec img{
        width:100%;
    }

.quote-text-sec p{
	position:relative;
}
.quote-text-sec p::before{
	content:"";
	background:url("../images/quote.png") no-repeat top center;
	width:47px;
	height:40px;
	position: absolute;
    top: -50px;
}
.quote-text-sec p::after{
	content:"";
	background:url("../images/quote-close.png") no-repeat top center;
	width:47px;
	height:40px;
	    position: absolute;
    bottom: 18px;
    margin-left: 25px;
    
}
/*--------- media Queries ----------*/
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .how-it-works h3{
        margin-top:90px;
    }
    .how-it-works .text-sec{
        font-size:15px;
    }
    .mob-ban-img img{
        width:72% !important;
    }
    .how-it-works .app-google{
        margin :25px auto;
    }
	.hero .hero__titles .restaurant-container h1{
	font-size: 50px;
	margin-top: 48px;
}
.hero .hero__titles .restaurant-container p{
	margin-top: 10px;
}
.alter-container{
	margin-top:0;
}
.grey-circle{
	width: 200px;
    min-height: 200px;
}
.alter-para{
	height:200px;
}

}

@media (max-width:1700px){
    .why-q-bg-right{
        text-align: right;
}
.why-q-bg-right img{
    width:60%;
}
.why-q-bg-left{
        text-align: left;
}
.why-q-bg-left img{
    width:100%;
}
.why_q_tabs .tab-bg .container, .why_q_tabs .top-tab-part .container, .why-q-container{
    width: 600px;
}

.why_q_tabs .top-tab-part .top-tab-content{
    width:100%;
}
#horizontalTab #why-tab-container .list-wrap .top-tab-part .top-tab-content{
        width: 100%;
}
.why_q_tabs .tab-bg .down-q-app-2 .container, .why_q_tabs .tab-bg .down-q-app .container{
    width:1170px;
}
}



@media (max-width:1700px){
    .cslswhyQ_section{
        background-size: 28% auto;
    }
}
@media (min-width:1700px){
.clscotact_banner_content {
    padding: 270px 0;
}
.why-q-container{
	padding-left:30px;
}
}
@media (max-width:1500px){
     .img-section img{
        width:65%;
    }
}
@media screen and (max-width: 1600px) and (min-width: 1400px) { 
    #section0 .mob-ban-img img{
    width:83%;
}
}

@media (max-width: 1400px){
    .hero .hero__titles h1{
        font-size:50px;
    }
    .hero .hero__titles p{
        font-size:22px;
    }
	.hero .hero__titles .restaurant-container h1{
	font-size: 30px;
	margin-top: 48px;
}
.hero .hero__titles .restaurant-container p{
	margin-top: 10px;
}
.alter-container{
	margin-top:0;
}
.grey-circle{
	width: 200px;
    min-height: 200px;
}
.alter-para{
	height:200px;
}
}
@media (max-width:1399px){
    .clswhyQ_section{
        background-size: 28% auto;
        padding: 80px 0;
    }
    .clsgetline{
        margin-top: 30px;
    }
    .clsbanner_btn_blk{
        padding: 30px 0;
    }
    
    /*kirandeep 11/1/2018*/
    .img-section img{
        width:40%;
    }
    .center-align .text-section h3{
        font-size:35px;
    }
    .app-store a, .google-play a{
        background-size: 170px;
        width: 170px;
    height: 50px;
    }
    .google-play a{
        float: left;
        margin-left:40px;
    }
    .join-now-blks span.box{
            height: 115px;
    width: 220px;
    }
    .how-it-works .app-google{
            width: 380px;
            margin:25px auto;
    }
    .how-it-works .img-sec img{
        width:60%;
    }
    .how-it-works p br{
        display: none;
    }
    .how-it-works .text-sec{
        font-size: 16px;
    }
    
    .why-q-list-res .bot-tab-part .down-q-app .app-store a{
        background-size: 170px;
        width: 170px;
        height: 58px;
}
.why-q-list-res .bot-tab-part .down-q-app .google-play a{
     background-size: 200px;
        width: 200px;
        height: 58px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .clsfooter .clsfooter_menu > li > a{
    margin: 0 2px;
}
.soc-icns li{
       margin-right: 12px; 
}
}
@media (max-width:1199px){
    .clswhyQ_section{
        padding: 60px 0 200px;
    }
    .clscotact_banner_section{
        background: #e7f2f3 url("../images/contact_banner_img_ipad.jpg") no-repeat scroll right center;
    }
    
    /*kirandeep 11/1/2018*/
    .join-now-blks span.box{
            width: 200px;
    }

    #section3 .text-section h4 br{
        display:none;
    }
    #section6 ul li p {
    min-height: 195px;
}

}
@media (min-width:1200px){
    .clsapp_btns_blk a{
    float: left;
}
.clsapp_btns_blk a:nth-child(2){
    margin-left:25px;
}
 .mob-ban-img img{
          width: 76%;
}

.how-it-works h3{
    margin-top:30px;
}
}
@media (max-width:1200px){
.mob-ban-img img{
        width: 40%;
}
.hero .hero__titles h1{
	width:auto;
}
.hero{
	position:static;
}
}
@media (min-width:1024px){
    .down-q-app .container{
        position:relative;
    }
    .guest-mobile{
    position:absolute;
        top: -164px;
    right:0;
    display: block;
}
.hero{
    height:100vh;
}

}

@media (max-width:1024px){
    .fp-section,
.fp-slide,
.fp-tableCell{
    height: auto !important;
}
.fp-responsive .navbar-brand > img {
    width: 62px !important;
	height: 62px !important;
}
.fp-responsive .clsmain_header .navbar-default .collapse.navbar-collapse .navbar-nav{
        margin-top: 9px !important;
}
    .clswhyQ_section{
        background-image: url(../images/why_coffee_img_ipad.jpg), url(../images/why_notepad_img_ipad.jpg);
        background-size: auto auto;
        padding: 60px 0 310px;

    }
    .clscotact_banner_content{
        max-width: 300px;
        padding: 160px 0;
    }
    .clscotact_banner_content > p.clscontact_mail > a{
        min-width: 270px;
    }
    .clsguest_banner .clsbanner_content_blk{
        max-width: 320px;
    }
    .clsguest_banner .clsbanner_content_blk .clsbanner_btn_blk .clsgreen_bg_btn{
        display: block;
    }
    .clsguest_banner .clsbanner_content_blk .clsbanner_btn_blk a:last-child{
        margin-left: 0;
        margin-top: 15px;
    }
    .clsfooter .clsfooter_menu {
        text-align: center;
    }
    .clsfooter .clsfooter_menu > li > a{
        margin: 0 2px;
    }
    /**
    For guest page carousel slider based style
    **/
    .tab-content>.tab-pane, .clsguest_slider_app_btns_blk > .clsguest_slider_app_btns {
        display: block;
        height: 0px;
        overflow: hidden;
    }
    .tab-content>.active, .clsguest_slider_app_btns_blk > .clsactive{
        height: auto;
        overflow: auto;

    }
    .clsguest_slider_carousel_blk{
        margin-bottom:25px;
    }
    .clsguest_slider_section .carousel-indicators li{
        padding:10px;       
        border-radius:30px;
    }
    .clsfaq_accordian {
        margin-bottom: 70px;
    }
        .hero .hero__titles h1{
        font-size: 25px;
    }
    .hero .hero__titles p{
        font-size: 20px;
            margin-top: 10px;
    }
    .play-video{
        padding: 15px 0 6px 40px;
        margin-top: 10px;
    font-size: 15px;
    background-size: 35px;
    }
    .section {
    padding: 40px 0;
}
.clsbanner_down_arrow_blk{
    display: none;
}

.mob-ban-img {
    bottom: 0;
    text-align: right;
}
.navbar-fixed-top, .navbar-fixed-bottom{
       position: static; 
           background: rgba(0,0,0,0.5) !important;
}
.head-fix .navbar-fixed-top, .head-fix .navbar-fixed-bottom{
    position:fixed;
}
.head-fixed .navbar-fixed-top, .head-fixed .navbar-fixed-bottom{
    position:fixed;
}
.head-fix.clsmain_header .navbar-default .collapse.navbar-collapse .navbar-nav{
    margin-top:12px;
}
 .head-fix .navbar-brand > img{
    width:61px !important;
	height:61px !important;
} 
.navbar-brand > img{
    width:61px !important;
	height:61px !important;
} 
.clsmain_header .navbar-default .collapse.navbar-collapse .navbar-nav{
	margin-top:9px !important;
}
#section0{
    padding-top:0;
}

.why-q-list-res{
    padding:0;
}

.mid-tab-part{
    display:block !important;
        overflow: hidden
}
.why-q-bg-right, .why-q-bg-left{
    display:none !important;
}
.mid-tab-part .why-q-bg-right{
        width: 50%;
    float: right;
}
.mid-tab-part .why-q-bg-right img, .mid-tab-part .why-q-bg-left img{
    width:100%;
}
.mid-tab-part .why-q-bg-left{
       width: 50%;
    float: left;
}
.mid-tab-part .why-q-bg-right, .mid-tab-part .why-q-bg-left{
    display:block !important;
    position:static;
}

.resp-tabs-container h2.resp-accordion:nth-child(1){
        background: #DBDBDB url(../images/Q-list-icn-1.png) no-repeat center !important;
    height: 100px;
}
.resp-tabs-container h2.resp-accordion:nth-child(3){
        background: #DBDBDB url(../images/Q-list-icn-2.png) no-repeat center !important;
    height: 100px;
}
.resp-tabs-container h2.resp-accordion:nth-child(5){
        background: #DBDBDB url(../images/Q-list-icn-3.png) no-repeat center !important;
    height: 100px;
}
.resp-tabs-container h2.resp-accordion:nth-child(7){
        background: #DBDBDB url(../images/Q-list-icn-4.png) no-repeat center !important;
    height: 100px;
}
.resp-arrow{
    margin-top:34px;
}
.why-q-list-res .resp-tabs-container h2.resp-accordion:nth-child(1){
        background: #DBDBDB url(../images/res-icn.png) no-repeat center 25px !important;
    height: 180px;
}
.why-q-list-res .resp-tabs-container h2.resp-accordion:nth-child(3){
        background: #DBDBDB url(../images/guest-icn.png) no-repeat center 25px !important;
    height: 180px;
}
.why-q-list-res .resp-tabs-container h4{
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin-top: 8px;
}
.why-q-list-res .resp-tabs-container .resp-accordion h4 {
    margin-top: 139px;
}
.why-q-list-res .resp-tabs-container .resp-accordion.resp-tab-active h4 span{
    border-bottom: 4px solid #19d8c8 !important;
        padding-bottom: 4px;
}
.why-q-list-res .resp-arrow {
    margin-top: 75px;
}
.nicescroll-rails{
    display:none !important;
}
.why-q-list-res .top-tab-part .top-tab-content{
    border-top:none;
}
.why-q-list-res .bot-tab-part .down-q-app-2{
    height:auto;
    padding-bottom: 0;
}
.why-q-list-res .bot-tab-part .down-q-app-2 .guest-mobile{
        display: block;
    position: relative; 
    right: 0;
    bottom: 0;
    margin-top: 30px;
    text-align: center;
}
.why-q-list-res .bot-tab-part .down-q-app-2 h4{
    text-align: center;
}
.why-q-list-res .bot-tab-part .down-q-app-2 .app-google{
        text-align: center;
}
.why-q-list-res .bot-tab-part .down-q-app-2 .app-google li{
    display:inline-block;
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
	 .guest-vh{
    height:768px !important;
} 
.res-vh{
	height:768px !important;
}
.grey-circle{
	margin:15px 0;
	width: 150px !important;
    min-height: 150px !important;
	height: 150px !important;
}
.hero .hero__titles .restaurant-container .alter-container p{
	font-size: 13px;
    line-height: 20px;	
}
.grey-circle p span{
	font-size: 21px;
}
}
@media (max-width:991px){
    .clswaiting_list_content h3 {
        font-size: 28px;
    }
    .clswaiting_list_content > ul{
        margin-top: 30px;
    }
    .clswaiting_list_content > ul > li{
      /*  padding-bottom: 25px; */
    }
    .clshome_tab_image{
        display: block;
        float: left;
    }
    .clshome_tab_content {
        display: block;
        float: left;
    }
    .clsfooter .clsfooter_menu > a {
        margin: 0 5px;
    }
    .clsfaq_box h3{
        font-size: 27px;
        padding: 30px 0;
    }
    .clswaiting_video_blk > a:before{
        height: 70px;
        width: 70px;
        margin-top: -35px;
    }
    .clswaiting_video_blk > a:after{
        border-bottom: 15px solid transparent;
        border-left: 20px solid #fff;
        border-top: 15px solid transparent;
        left: 9px;
        margin: -15px auto auto;
    }
    .clshome_tab_section .board-inner .nav-tabs > li{
        max-width: 118px;
    }
    
     /*kirandeep 11/1/2018*/
    .center-align .text-section h3{
        font-size:25px;
    }
    .join-now-blks span.box {
    width: 150px;
}
    .join-now-blks span.box, .join-now-blks span{
            height: 100px;
    font-size: 15px;
    }
    .google-play a{
            margin-left: 15px;
    }
    .app-google{
        width:auto;
    }
    #section6 ul li{
            margin-bottom: 40px;
    }
    #section6 ul li p {
    min-height: auto;
    margin-bottom: 15px;
}
.people-say{
    height: auto;
}
.foot-div{
    margin-bottom:15px;
}
.foot-div p, .foot-div{
    text-align: center;
}
.soc-icns{
    margin-top:0;
}
.soc-icns li{
    display: inline-block;
    float:none;
}
.show-desk{
    display:none;
}
.show-mob{
    display: block;
}
.clsfooter .clsfooter_menu > li:nth-child(2n){
    display:none;
}

/* .vh100{
    height:auto !important;
} */
}
@media (min-width:768px){
    ul.resp-tabs-list{
        width: 750px;
        margin: 0 auto;
    }    
    .resp-tab-active{
      border-bottom: 4px solid #19d8c8 !important;
        background:none !important;
        border:none;
            padding: 13px 15px !important;
    }
    .resp-tab-content{
    border:none;
    border-top:1px solid #b2b2b2;
     padding-top:75px;
}
.resp-tabs-list li{
            margin-right: 75px;
}
.why-q-list .resp-tab-content{
    padding-top:0;
    border-top:0;
    padding-bottom: 0;
}
.top-tab-part .top-tab-content{
    padding-top:45px;
    border-top:1px solid #b2b2b2;
    width:750px;
}
.guest-mob-rel{
    position:relative;
}
.faq-tab .nav-tabs li{
    text-align: center;
    margin-right: 75px;
        padding: 13px 15px;
}
.faq-tab .nav-tabs li:nth-child(2){
    margin-right: 0;
}
.restaurant-tab.faq-tab li{
    margin-right: 38px;
}
.restaurant-tab.faq-tab li:nth-child(2){
    margin-right: 38px;
}
.faq-tab .nav-tabs li.active{
        border-bottom: 4px solid #19d8c8 !important;
}

.list-wrap .top-tab-part .top-tab-content{
    width:100%;
}
#why-tab-container .list-wrap .top-tab-part .top-tab-content{
    width:750px;
}
#faq-tab-container .nav-tabs{
        width: 600px;
    margin: 0 auto;
}
.restaurant-tab #faq-tab-container .nav-tabs{
    width: 750px;
    margin: 0 auto;
}

.why_q_tabs .tab-bg .down-q-app-2 .container {
    width: 750px;
}
.why_q_tabs .tab-bg .down-q-app .container {
    width: 750px;
}
/* .clsmain_header-2 .navbar-default .navbar-brand{
    padding-left:0;
}
.clsmain_header-2 .container{
    padding-left:0;
} */
}
@media (min-width: 992px){
.why_q_tabs .tab-bg .down-q-app-2 .container, .why_q_tabs .tab-bg .down-q-app .container {
    width: 970px;
}
}
@media (min-width: 1200px){
.why_q_tabs .tab-bg .down-q-app-2 .container, .why_q_tabs .tab-bg .down-q-app .container {
    width: 1170px;
}
}
@media (max-width:767px){
    .clsmain_header .navbar-default{
        position: static;
    }
    .clsmain_container {
        padding-top: 0px;
    }
    .clsmain_header .navbar-toggle{
        margin-top: 17px;
    }
    .clsbanner_content_blk{
        text-align: center;
        width: 100%;
        max-width: 100%;
    }
    .fullscreen, .content-a{
        height: auto;
    }
    .clshomebanner_section.background{
        position: relative;
        /*        background-attachment: scroll !important;*/
        background-color: #060606;
        background-position: 50% bottom !important;
        background-repeat: no-repeat;
        background-size: 100% auto !important;
        background-attachment: scroll !important;
    }

    .background.clsguest_banner{
        background-size: cover !important;
        background-position: 50% top !important;
        background-attachment: scroll !important;
    }
    .clsguest_banner .clsbanner_content_blk {
        margin: 0 auto;
        max-width: 450px;
    }
    .clsbanner_content_blk_whole{
        padding: 50px 20px 480px;
    }
    .clsguest_banner .clsbanner_content_blk_whole{
        padding: 50px 20px 720px;
    }
    .clsbanner_btn_blk{
        display: block;
    }
    .clsguest_banner .clsbanner_content_blk .clsbanner_btn_blk .clsgreen_bg_btn {
        display: inline-block;
    }
    .clsbanner_content_blk h2{
        font-size: 37px;
    }
    .clsbanner_content_blk .clsgreen_bg_btn {
        display: block;
        margin: 0 auto;
        width: 220px;
    }
    .clsbanner_btn_blk > a:last-child {
        margin: 20px auto 0;
    }
    .clsgetline h3{
        font-size: 20px;
    }
    .clswaiting_list_content, .clswaiting_video_blk{
        display: block;
    }
    .clswaiting_list_content{
        margin-bottom: 40px;
    }
    .clswaiting_list_content > ul{
        margin-top: 50px;
    }
    .clswaiting_list_content > ul > li {
        line-height: 24px;
    }
    .clshome_tab_image {
        float: left;
        text-align: center;
        padding: 0;
    }
    .clshome_tab_content{
        margin-bottom: 25px;
    }
    .clshome_tab_image img{
        display: inline-block;
        width: 100%;
    }
    .clsfooter{
        padding: 25px 0 20px;
    }
    .clsfooter .clsfooter_menu {
        font-size: 25px;
        text-align: left;
    }
    .clsfooter .clsfooter_menu > li{
        display: block;
    }
    .clsfooter .clsfooter_menu > li > a {
        margin: 0;
        line-height: 60px;
    }
    .clsfooter .clsfooter_menu > li > a > span{
        display: none;
    }
    /**
    For fixing issues in ie8 
    */
    .clsfooter .clsfooter_menu > li > a.nav-divider {
        display: none;
    }
    .clshome_tab_section {
        padding: 18px 0 45px;
    }
    .clssocial_icons{
        float: none;
        margin: 30px 0;
    }
    .clssocial_icons > li:first-child{
        margin-left: 0;
    }
    .clshome_tab_section .board-inner .nav-tabs > li a{
        width: 100%;
        height: 100%;
        margin: 20px auto 40px;
    }
    .clshome_tab_section .board-inner .nav-tabs > li a > img{
        display: inline-block;
    }
    .clswaitinglist_section{
        padding: 80px 0 40px;
    }
    .clspre_registermodal .modal-header .close{
        right: -13px;
        top: -10px;
    }
    .clsdownloadQ_section{
        background: #fff;
    }
    .clsdownloadQ_section > .container{
        padding-left: 0;
        padding-right: 0;
    }
    .clsdownloadQ_left_blk{
        padding-right: 0;
        display: block;
        width: 100%;
        padding-top: 50px;
        text-align: center;
    }
    .clsapp_btns_blk {
        display: block;
        margin-bottom: 40px;
    }
    .clsapp_btns_blk > img {
        display: inline-block;
    }
    .clsdownloadQ_left_img{
        display: inline-block;
        vertical-align: bottom;
        padding: 10px 10px 0;
    }
    .clsdownloadQ_left_img img{
        text-align: center;
    }
    .clsdownloadQ_host{
        background:#1BD7C8;
        display: block;
        width: 100%;
        padding-top: 45px;
    }
    .clswhyQ_section{
        background-image: url(../images/why_notepad_img_mobile.jpg);
        background-position: right bottom;
        background-size: 100% auto;
        padding: 60px 0 570px;

    }
    .clscotact_banner_section h2::after{
        margin: 0 auto;
    }
    .clscotact_banner_content{
        text-align: center;
        margin: 0 auto;
        padding: 50px 0 325px;
    }
    .clsfaq_box > p{
        text-align: center;
    }
    .clsfaq_section {
        padding: 40px 0;
        min-height: 100%;
    }
    .clsfaq_box {
        padding-bottom: 40px;
    }
    .clsfaq_box:last-child{
        padding-bottom: 0;
    }
    .clsguest_slider_img {
        display: block;
        float: inherit;
    }
    .clsguest_slider_app_btns {
        display: block;
        float: inherit;
        text-align: center;
        /* margin-top: 25px; */
    }

    .clsguest_slider_section .carousel-indicators li{
        display: inline-block;
        /*margin: 0;*/
    }
    .modal-open{
        position: fixed;
    }
    .clscotact_banner_section{
        background: #e7f2f3 url("../images/contact_banner_img_mobile.jpg") no-repeat scroll right bottom;
        background-size: 100% auto;
    }
    .clsmain_header .navbar-default .collapse.navbar-collapse .navbar-nav{
        margin-top: 7.5px !important;
    }
    .clsguest_slider_section .carousel-inner::after{
        height: 100%;
        width: 100%;
        background-size: 100% auto;
    }
    .clsguest_slider_section_in {
        display: block;
        width: 100%;
    }
    .clsguest_slider_carousel_blk {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    .clsguest_slider_app_btns_blk {
        display: block;
        vertical-align: middle;
        width: 100%;
    }
    .clshome_tab_section .board-inner .nav-tabs > li{
        margin: 0;
        max-width: 100%;
        width: 18%;
    }
    .clswhyQ_content p{
        text-align: left;
    }
    .cls404_section{
        height: 100%;
        margin-top: 0;
        padding: 30px 0 40px;
        position: static;
    }
    .cls404_section h3{
        font-size: 24px;
    }
    .cls404_section h1{
        font-size: 100px;
    }
     .clshome_tab_section .board-inner .nav-tabs > li.active::before {
      bottom: 0px;
    }
     .affix{		
        padding-top: 0;		
    }
    .clsfaq_icons_blk li {
        width: 49%;
    }
    .clsfaq_navbar .navbar-nav > li {
        width: 49%;
    }
    .clsfaq_navbar .navbar-nav{
        width: auto;
    }
    .clsfaq_navbar{
        top: 0;
    }
    .clsfaq_accordian {
        margin-bottom: 20px;
    }
    
    /*kirandeep 1/11/2018*/
    .center-align .img-section{
        display:block;
        width:100%;
    }
    .center-align .text-section{
        display:block;
          width:100%;
          margin-top:25px;
    }
    .section {
        padding:0;
    }
    .full-page .section{
        padding:20px 0;
    }
    .join-res-txt li br{
        display:none;
    }
    .how-it-works li{
        margin-bottom: 20px;
    }
    .how-it-works .app-google li{
        margin-bottom:0;
    }
    .clsmain_header .navbar-default .navbar-nav > li > a{
            color: #19d8c8;
    }
    .navbar-brand > img{
        width:61px;
		height:61px;
    }
    .mob-ban-img{
        display: none;
    }
    .hero .hero__titles h1{
        font-size: 20px;
    }
    .hero .hero__titles p{
        font-size: 14px;
            margin-top: 10px;
    }
    .play-video{
        padding: 15px 0 22px 40px;
        margin-top: 10px;
    font-size: 12px;
    background-size: 31px;
    }
    .hero .hero__titles h2{
        font-size: 18px;
        margin-top: 15px;
    }
/*    .hero .hero__titles, .hero .hero__content{
        display:block;
    }
    .hero .hero__titles p br, .hero .hero__titles p br{
        display:none;
    }*/
    .restaurant-first-sec .hero.vh100{
        height:400px !important;
    }
    .guest-manag ul{
            margin-left: 20px;
    }
    .guest-manag .text-section{
        margin-bottom:30px;
    }
    .guest-manag .text-section, .guest-manag .img-section {
    width: 100%;
}


#faq-tab-container .nav-tabs, #why-tab-container .nav-tabs{
        width: 100%;
        text-align: center;
}
#faq-tab-container .nav-tabs li, #why-tab-container .nav-tabs li{
        text-align: center;
    display: inline-block;
    float: none;
    margin-right: 15px;
        padding-bottom: 4px;
            min-height: 54px;
}
#faq-tab-container .nav-tabs li.active, #why-tab-container .nav-tabs li.active{
        border-bottom: 3px solid #19d8c8 !important;
        padding-bottom:0;
}
#faq-tab-container .nav-tabs li a, #why-tab-container .nav-tabs li a{
    width: 106px;
    height: 50px;
    background-size: 50px;
}
.restaurant-tab.faq-tab #faq-tab-container .nav-tabs li a{
        width: 50px;
    height: 50px;
}
.restaurant-tab #faq-tab-container .nav-tabs li a{
    border:none;
}
#faq-tab-container .nav-tabs li h4, #why-tab-container .nav-tabs li h4{
    font-size:18px;
    margin-top: 50px;
}
.center-align .text-section.tab-text-section{
    margin-top:0;
}
.quote-container{
    width:96%;
}
.test-img img{
    width: 100%;
}
.contact-down-q{
    background:#f5f5f5;
}
.how-it-works .app-google {
    width:170px;
}
.center-align .app-google{
     margin: 25px auto 50px;
    width: 170px;
}
.why-q-list-res .bot-tab-part .down-q-app .app-google {
    margin: 0 auto;
    width: 200px;
}
.why-q-list-res .bot-tab-part .down-q-app .google-play a{
        margin: 10px 0;
}
   .why_q_tabs .tab-bg .container, .why_q_tabs .top-tab-part .container, .why-q-container {
    width: 96%;
}
.google-play a{
    margin-left:0;
    margin-top:15px;
}
/* .head-fix.clsmain_header .navbar-default{
    position:fixed;
} */
.hero .hero__video{
    height: 325px;
}
.restaurant-first-sec .hero .hero__video{
    height: 100%;
}
.clsmain_header .navbar-default .navbar-nav > li.active > a{
    color:#fff;
}
#section7.learn-guest .manage-rest{
        background-position: 82%;
}
.why-q-list-res .bot-tab-part .down-q-app-2{
    height: auto;
}
.top-tab-part .top-tab-content{
    padding-top:30px;
}
.why-q-list-res .bot-tab-part .down-q-app-2 .guest-mobile img{
    width:100%;
}
.why_q_tabs .tab-bg .down-q-app-2 .container, .why_q_tabs .tab-bg .down-q-app .container {
    width: 96%;
}

.mobile-version{
	display:block;
}
.desk-version{
	display:none;
}
.guest-vh{
	height:auto !important;
}
.hero .hero__titles, .hero .hero__titles .container{
	width:100%;
}
.hero .hero__titles .container br{
	display: none;
}
.hero .hero__titles .restaurant-container h1{
	font-size:20px;
}
.hero .hero__titles .restaurant-container p{
	font-size:14px;
}

	.grey-circle{
	margin:15px 0;
	width: 180px;
    height: 180px;
	min-height:auto;
}
.alter-container .grey-circle p{
	font-size: 18px;
}
.grey-circle p span {
    font-size: 22px;
}
.alter-container.mobile-version .col-xs-4{
	padding:0 10px;
}
.mobile-version .mob-ban-img {
        display: block;
    position: static;
    text-align: center;
}
.banner-mob{
	    background: #f5f5f5;
    padding-top: 35px;
}
.navbar-fixed-top, .navbar-fixed-bottom{
           background: rgba(0,0,0,0.9) !important;
}
.grey-circle{
	border: 2px solid #19D8C8;
}
}
@media( max-width : 667px ){
    .clscotact_banner_content {
        padding: 50px 0 300px;
    }
    .clswhyQ_section{
        padding: 60px 0 520px;
    }
}
@media( max-width : 585px ){
    .board {
        width: 90%;
        height:auto !important;
    }
    .tab-content .head{
        font-size:20px;
    }
    .clshome_tab_section .board-inner .nav-tabs > li a {
        /*        width: 50px;*/
        height: 50px;
        line-height:50px;
    }
    .clshome_tab_section .board-inner .nav-tabs > li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
	
	.grey-circle{
	width: 150px;
    height: 150px;
}
.alter-container .grey-circle p{
	font-size: 15px;
}
.grey-circle p span {
    font-size: 20px;
}

}
@media( max-width : 568px ){
    .clscotact_banner_content {
        padding: 50px 0 250px;
    }
    .clswhyQ_section{
        padding: 60px 0 455px;
    }
    .clsbanner_content_blk_whole {
        padding: 50px 20px 280px;
    }
}
@media( max-width : 485px ){
	.grey-circle{
	width: 120px;
    height: 120px;
}

}
@media (max-width:414px){
    .clsguesttext a {
        display: block;
    }
    .clshome_tab_section .board-inner .nav-tabs > li a > img{
        width: 75%;
    }
    .clscotact_banner_content > p.clscontact_mail > a{
        min-width: 100%;
    }
    .clscotact_banner_content {
        padding: 50px 0px 180px;
    }
    .clswhyQ_section {
        padding: 60px 0 340px;
    }
    .clsguest_banner .clsbanner_content_blk_whole{
        padding: 50px 20px 765px;
    }
    .clsbanner_content_blk_whole {
        padding: 50px 20px 280px;
    }
	.clshome_tab_section .board-inner .nav-tabs > li a {
        margin: 20px auto;
    }
    .clsfaq_navbar{
        font-size: 22px;
    }
    /*kirandeep 1/11/2018*/
    .join-now-blks div{
        width:100%;
    }
    .join-now-blks div:nth-child(2) {
    margin: 0;
    text-align: center;
}
.google-play a{
    margin-top:20px;
    margin-left:0;
}
.app-google li{
    width:100%;
        float: left;
}
.join-now-blks div:nth-child(2) span{
    height:28px;
}
.restaurant-tab #faq-tab-container .nav-tabs li{
    margin-right:5px;
}

.grey-circle{
	width: 100px;
    height: 100px;
}
.alter-container .grey-circle p{
	font-size: 12px;
}
.grey-circle p span {
    font-size: 15px;
}

}
@media (max-width: 375px){
    .clscotact_banner_content {
        padding: 50px 0px 165px;
    }
    .clswhyQ_section {
        padding: 60px 0 300px;
    }
}
@media (max-width:360px){
    .clswhyQ_section{
        padding: 60px 0 240px;
    }
	
	.grey-circle{
	width: 90px;
    height: 90px;
}
.alter-container .grey-circle p{
	font-size: 12px;
}
.grey-circle p span {
    font-size: 15px;
}
}
@media (max-width: 320px){
    .clscotact_banner_content {
        padding: 50px 0px 140px;
    }
    .clsbanner_content_blk_whole {
        padding: 50px 20px 280px;
    }

}
/*retina css*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}






@media (min-width: 1200px){
    .mob-ban-img img{
          width: 65%;
}
.hero .hero__titles p{
    margin-top:25px;
}
}


@media (min-width: 1400px){
    .mob-ban-img img{
        width: 95%;
}
.why-q-bg-right{
        position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: block;
}
.why-q-bg-left{
        position: absolute;
    left: 0;
    top: 40%;
    z-index: 1;
     display: block;
}
.Q-list{
    position:relative;
}
.restaurant-tab.faq-tab li.app-store a{
        width: 220px;
    height: 65px;
    display: inline-block;
    float: left;
}
}
@media (min-width: 1600px){
    .mob-ban-img img{
        width: 100%;
}
}
@media screen and (max-width: 1500px) and (min-width: 1200px) {
    .clscotact_banner_content {
    padding: 270px 0;
}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
.clsfooter .clsfooter_menu > li:nth-child(2n) {
     display: inline-block; 
}
.clsmain_container{
        padding-top:0;
}
}


@media screen and (max-height: 1000px) and (min-height: 800px) and (min-width:767px) {
	.mob-ban-img img {
		width: 75%;
	}
}
@media screen and (max-height: 800px) and (min-height: 650px){
	.mob-ban-img img {
		width: 65%;
	}
}
@media screen and (max-height: 800px) and (min-height: 650px) and (min-width:767px){
	
	  .hero .hero__titles h1{
        font-size:50px;
    }
    .hero .hero__titles p{
        font-size:22px;
    }
	.hero .hero__titles .restaurant-container h1{
	font-size: 30px;
	margin-top: 48px;
}
.hero .hero__titles .restaurant-container p{
	margin-top: 10px;
}
.alter-container{
	margin-top:0;
}
.grey-circle{
	width: 200px;
    min-height: 200px;
}
.alter-para{
	height:200px;
}
}
@media screen and (max-height: 650px) and (min-height: 500px){
	.mob-ban-img img {
		width: 50%;
	}

}
@media screen and (max-height: 650px) and (min-width:767px){
	.hero .hero__titles .restaurant-container h1{
	font-size: 30px;
	margin-top: 48px;
}
.hero .hero__titles .restaurant-container p{
	margin-top: 10px;
}
		.grey-circle{
	margin:15px 0;
	width: 140px;
    height: 140px;
	min-height:auto;
}
.hero .hero__titles .restaurant-container .alter-container .grey-circle p{
	font-size: 14px;
	line-height: 20px;
}
.grey-circle p span {
    font-size: 16px;
}
.hero .hero__titles .restaurant-container h1 br, .hero .hero__titles .restaurant-container p br{
	display:none;
}
.alter-container{
	margin-top:0;
}
}