@media (min-width: 1200px){
	.container {
	    width: 1170px;
	}
}
@media (min-width: 1300px){
	.container {
	    width: 1280px;
	}
}
/*@media(max-width:1300px){
	.lefttside.col-md-9 {
	    width: 70%;
	}
	.rightside.col-md-3 {
	    width:30%;
	}
}*/
@media(max-width:1280px){
	
	.cntup-btn span {
	    left: 0px;
	    top: -50px;
	    right: 0px;
	    width: 80px;
	    height: 80px;
	    margin: auto;
	}
	.cntup-btn{
		padding: 15px;
		text-align: center;		
    	padding-top: 33px;
    	top: 50px;
	}
	.cntup-btn h4{
		text-align: center;
	}
	.cntup-btn p{
		text-align: center;
	}
	.yur-regarvationdetails{
		margin-top: 170px;
	}
	.chekinout-box .chk-box {
	    width: 96px;
	}
	.arrow-right {
	    width: 35px;
	}

}
@media(max-width:1199px){
	.lefttside.col-md-9 {
	    width: 70%;
	}
	.rightside.col-md-3 {
	    width:30%;
	}	
	.chekinout-box .chk-box {
	    width: 113px;
	}
	.image-box ,.imgbox-detail{
	    width: 100%;
	}
	.image-box img{
		width: 100%;
	}
	.image-box:before {
	    height: 169px;
	}
	.extraservis-chk li {
    	width: 49.5%;
    }
}

@media(max-width:991px){

	.top-menu.navbar-inverse .navbar-brand {
	    padding: 0px;
	    width: 205px;
	}
	.top-menu.navbar-inverse .navbar-brand img{
		width: 100%;
	}
	.navbar-inverse .navbar-nav>li>a {
	    font-size: 12px;
	    padding: 15px 10px;
	}
	.prfBag {
	    background-position: -254px 4px;
	}
	.rightbtn .bookbutton {
	    width: 160px;
	    font-size: 13px;
	    text-indent: 37px;
	}
	.top-menu .navbar-collapse {
	    padding-right: 180px;
	}
	.top-menu .navbar-right {
	    margin-top: 0px;
	}
	.top-menu .rightbtn {
	    margin-top: 6px;
	}
	.lefttside.col-md-9 {
	    width: 60%;
	}
	.rightside.col-md-3 {
	    width: 40%;
	}
	.cntup-btn {
	    width: 270px;
	}
	.check-inout-list table tr td:nth-child(1) {
	    width: 110px;
	}
	.check-inout-list table tr td:nth-child(2) {
	    width: 155px;
	}
	.check-inout-list table tr td:nth-child(3) {
    	width: 130px;
    }
    .image-box:before {
	    height: 160px;
	}
	.extraservis-chk li {
    	width:100%;
    }
}


@media(max-width:767px){
	.rightside.col-md-3 {
	    width:100%;
	}
	.lefttside.col-md-9 {
		width: 100%;
	}
	header .container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.top-menu.navbar-inverse .navbar-brand {
	    padding: 0px 15px;
	    width: 100%;
	    display: block;
	    height: auto;
	    margin-bottom: 20px;
	}
	.top-menu.navbar-inverse .navbar-brand img {
	    width: 100%;
	    max-width: 320px;
	    text-align: center;
	    margin: auto;
	}
	.top-menu.navbar-inverse{
		padding-bottom: 0px;
		border:0px;
	}
	.navbar-inverse .navbar-toggle {
	    border: 0px;
	    background-color: #009b2d;
	    color: #ffffff;
	    margin: 0px;
	    float: left;    
	    font-weight: 700;
    	font-size:110%;
	    text-align: left;
	    border-radius: 0px;
	    padding-left: 15px;
	    width:50%;
	    height:39px;
	    text-transform: uppercase;
	}
	.navbar-inverse .rightbtn {
	    width: 50%;
	    position: relative;
	    display: block;
	    float: right;
	    right: 0px;
	    height:39px;
	    margin-top: 0px;
	    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.6);
	    -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.6);
	    box-shadow: 0 0 4px 1px rgba(0,0,0,.6);
	    text-transform: uppercase;
	    
	}
	.rightbtn .bookbutton {
	    width:100%;
	    font-weight: 700;
    	font-size:110%;
	    text-indent:0px;
	    height:39px;
	   	padding:8px 5px;
	   	line-height:28px;
	}
	.prfBag{
		margin-right: 10px;
    	vertical-align: top;   	
    	left: inherit;
    	transform: inherit;
    	position: relative;
    	top: inherit;
	}
	.top-menu .navbar-collapse {
	    padding-right: 15px;
	}
	.navbar-inverse .navbar-nav>li>a::after{
		content: none;
	}
	.navbar-inverse .navbar-nav>li>a{
		border-bottom:1px solid #ccc;
		padding: 10px 10px;		
	}
	.navbar-inverse .navbar-nav>li:last-child>a{
		border-bottom: 0px;
	}
	.navbar-inverse .navbar-toggle:focus, 
	.navbar-inverse .navbar-toggle:hover {
	    background-color: #009b2d;
	}
	.bookingsummary{
		margin-top: 0px;
	}
	.cntup-btn{
		position: relative;
	}
	.rightside{
		padding-left: 0px;
		padding-right: 0px;
	}
	.bookindetails-sec{
		display: none;
	}
	.yur-regarvationdetails{
		margin-top: 0px;
		border: 0px;
		background-color: transparent;
	}
	.responsive-image-box{
		display: block;
		margin-right: -15px;
		margin-left: -15px;	
	    padding: 0px;
	    overflow: hidden;
	    object-fit: cover;
	    position: relative;
	}
	.responsive-image-box .image-box{
		position: relative;
	}
	.responsive-image-box .image-box img{
		width: 100%;
	}
	.responsive-image-box .image-box .imgbox-deta{
		position: absolute;
		bottom: 0px;
		padding: 15px 15px;
	}
	.responsive-image-box .image-box .img-lb{
		font-size: 20px;
		color: rgb(255,255,255);
		font-weight: bold;
		background-color: transparent;
		position: relative;
    	top: inherit;
    	left: inherit;
    	padding: 0px;
    	margin: 0px;
    	margin-bottom: 10px;
        margin-left:20px;
	}
	.responsive-image-box .image-box  p{
		font-size: 13px;
		color: rgb(255,255,255);
	}
	.rating-box span{
		display: inline-block;
		margin-right: 5px;
		vertical-align: top;
	}
	.rating-box span img{

	}
	.responsive-image-box .rating-box  p{
		font-size: 15px;
		color: rgb(255,255,255);
		line-height: 24px;
	}
	.responsive-image-box .rating-box ul{
		margin-bottom: 0px;
	}
	.image-box:before{
		height: 186px;
		background-image: linear-gradient(0deg, #000000 0%, rgba(49,60,77,0) 100%, #ffffff 100%);
		bottom: 0px;
		top: inherit;
	}
	.your-rooms{
		display: block;
		padding: 10px 15px;
	}
	.your-rooms p{
		font-size: 15px;
		color: #767676;
		line-height: 18px;
	}
	.your-rooms p label{
		font-size: 15px;
		color: rgb(28,26,103);
	}

	.yur-regarvationdetails h4.head{
		display: none;
	}
	.chekinout-box{
		position: relative;
	}
	.chekinout-box .chk-box {
	    width: 50%;
	    position: relative;
	    height: 90px;
	    background-color: #ffffff;
	}
	.arrow-right{
		position: absolute;
	    top: 0px;
	    bottom: 0px;
	    margin: auto;
	    left: 0px;
	    right: 0px;
	    z-index: 1;
	}
	.arrow-right img {
	    top: 64%;
	    margin-top: -5px;
	}
	.chekinout-box .chkin{
		border-right: 0px;
	}
	.chekinout-box .chkin p{
		border-right: 1px solid #e2e2e2;
	}
	.chekinout-box .chkout{
		border-left: 0px;
	}
	.chekinout-box .bt-tmd {
	    background-color: transparent;
	    position: absolute;
	    right: 0px;
	    top: 48px;
	    width: 50%;
	}
	.bt-tmd span {
		font-size: 13px;
		color: rgb(110,110,110);
		display: block;
		text-align: left;
		line-height: 14px;
	}
	.bt-tmd span:first-child {
    	border-right: 0px solid #ffffff;
	}

	.cntup-btn span {
	    position: absolute;
	    left: -90px;
	    top: -5px;
	    right: inherit;
	    margin:inherit;
	    width: 80px;
	    height: 80px;
	    border-radius: 40px;
	    background-color: #ffffff;
	    border: 1px solid #c9c9c9;

	}
	.cntup-btn {
	    background-color: #ffffff;
	    border: 1px solid #c9c9c9;
	    display: block;
	    position: relative;
	    text-align: left;
	    padding: 15px 0px 15px 58px;
	    margin-left: 35px;
	    margin-bottom: 30px;
	    text-decoration: none !important;
	    position:relative;
	    top: 0px;
	    right: 15px;
	}
	.cntup-btn h4 {
	    text-align: left;
	}
	.cntup-btn p {
	    text-align: left;
	}

	.chekinout-box .chk-box h2 {
	    margin: 0px;
	    width: 100%;
	    font-size: 36px;
		color: rgb(28,26,103);
	    font-weight:600;
	    text-align: right;
	    vertical-align: top;
	    padding: 8px 0px;
	    padding-right: 50%;
	}
	.totl-info {
	    display: flex;
	    border-bottom: 0px solid #e2e2e2;
	    margin-bottom: 0px;
	}
	.totl-info p:last-child {
	    text-align: center
	}
	.totl-info p{
		text-align: center;
	}
	.marriot-info{
		display: none;
	}
	.avg-nightrate{
		background: #ffffff;
		margin-left: -15px;
	    margin-right: -15px;
	    padding: 15px;
	    padding-bottom: 0px;
	}
	.avg-nightrate ul>li>p{
		margin-bottom: 5px;
	}
	.avg-nightrate ul>li p span{
		font-size: 20px;
	}
	.avg-nightrate ul>li ol {
	    background-color: #dff3e1;
	    padding: 5px 0px;
	    margin-left: -15px;
	    margin-right: -15px;
	    padding-left: 30px;
	}
	.avg-nightrate ul>li:nth-child(2){
		padding-bottom: 0px;
		border-bottom: 0px;
	}
	.inc-ginfo {
	    padding: 0px 15px;
	}
	.cancellation-policy {
	    padding: 0px 15px;
	}
	.cntup-btn {
	    width: auto;
	    margin-left: 60px;
	    margin-bottom: 20px;
	}
	.frm-head {
	    padding:10px 0px;
	    border-bottom: 1px solid #1b1967;
	    margin-bottom: 15px;
	}
	.formfield .form-group {
	    margin-bottom: 15px;
	}
	.accodian-section .panel-heading{
		    border-bottom: 1px solid  #c9c9c9;
	}
	.accodian-section .panel-body{
		background: #ffffff;
		border: 1px solid  #c9c9c9;
		border-top: 0px;
	}
	.footer-menu{
		display: none;
	}
	.copy{
		text-align: center;
	}
	.extraservis-chk li {
	    width: 49%;
	}
	.formfield .form-group label {
    	font-size: 14px;
    }
    .accodian-section .panel-title {
	    font-size: 20px;
	}
	.comment-box p{
		margin-bottom: 0px;
	}
	.confirm-button{
		margin-bottom: 20px;
	}
	.conform-revt{
		margin-bottom: 20px;
	}
	.conform-revt p {
	    font-size: 12px;
	    margin-bottom:20px;
	}
	.footer {
	    padding: 10px 0;
	}
}
@media(max-width:480px){
	.extraservis-chk li {
	    width: 100%;
	}
	.frm-head h2 {
	    font-size: 18px;
	}
	.frm-head span {
	    font-size: 12px;
	    display: block;
	    margin-left:0px;
	}
	.comment-box label {
    	font-size: 14px;
	}
	.confirm-button {
	    font-size: 16px;
	    padding: 10px 25px;
	}
	.conform-revt h4 {
	    font-size: 14px;
	}
	.rightbtn .bookbutton {
	    font-size:93%;
	    text-indent: -4px;
	    height: 39px;
	    padding: 8px 5px;
	    line-height: 26px;
	}
}
@media (max-width:400px){
	.accodian-section .panel-title {
	    font-size: 16px;
	}

}
@media (max-width:360px){
	.chekinout-box .bt-tmd {
	    width: 60%;
	}
	.chekinout-box .chk-box h2{
		padding-right: 58%;
		font-size: 30px;
		line-height: 40px;
	}
}