.table{
    border: solid 1px #000 !important;
    border-bottom: none;
    font-size: 12px;
    line-height: 16px;
    margin: 40px 0;
    word-break: break-word;
}
.table div{
    position: relative;
}
.table span{
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}
.table .heading{
    height: 80px;
    /*background: #4473c5;*/
	background: #0d3c47;
    text-align: center;
    border-bottom: solid 1px #000;
}
.table .heading > div,
.table .hotel-info > div{
    float: left;
    color: #fff;
    height: 80px;
    border-right: solid 1px  #b3b1b1;
    padding: 0 5px;
}
.table .hotel-info > div{
    height: 50px;
}
.table .hotel-info > div{
    color: #000;
}
.table .hotel > p{
    display: none;
}
.table .hotel{
    border-bottom: solid 1px  #b3b1b1;
}
.table .hotel:last-child{
    border-bottom: none;
}
.table .heading > div:nth-last-child(3),
.table .hotel-info > div:nth-last-child(3){
    border-right: none;
}
.table .number{
    text-align: center;
}
.table .heading .clear,
.table .hotel .clear{
    height: 0;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
.table .heading .offers{
    padding: 0;
}
.table .heading .offers > div{
    float: left;
}
.table .heading .offers > div{
    padding: 0 5px;
    border-right: solid 1px #000;
}
.table .heading .offers > div:first-child,
.table .heading .offers > div:nth-last-child(3){
    border-right: none;
}

#main .table p,
#main  .table ul{
    color: #000;
}

.table .number{
    width: 3%;
}
.table .hotels,
.table .name{
    width: 47%;
}
.table .name strong{
    color: #bd2017;
}
.table .rooms{
    width: 6%;
}
.table .date{
    width: 6%;
}
.table .offers{
    width: 50%;
}
.table .offers .special_price{
    width: 100%;
    border-right: 0;
    height: 30px;
    border-bottom: solid 1px #000;
}
.table .offers .single,
.table .offers .double,
.table .offers .premier,
.table .offers .senior{
    height: 50px;
    width: 25%;
}
.table .hotel .single,
.table .hotel .double,
.table .hotel .premier,
.table .hotel .senior{
    height: 50px;
    width: 12.5%;
}
.table .stars{
    width: 8%;
    text-align: center;
}
.table .booking,
.table .contacts{
    width: 15%;
}

.table .hotel .rooms,
.table .hotel .date,
.table .hotel .single,
.table .hotel .double,
.table .hotel .premier,
.table .hotel .senior{
    text-align: center;
}

.hotel-heading{
    display: none;
}

 .table p{
    margin: 0 0;
 }

 .note,
 .half{
    text-align: center;
    font-size: 14px;
 }
 .note{
    margin-bottom: 15px;
 }
 .rates{
    margin-bottom: 40px;
 }

 #main .btn{
    margin-top: 40px;
 }


/* Responsive ----------------------------------------------------------*/

@media (max-width: 800px){
    .table .heading{
        display: none;
    }
    .table{
        border: 0 !important;
    }
    .table .hotel:nth-child(odd){
        width: calc(50% + 40px);
    }
    .table .hotel{
        float: left;
        width: calc(50% - 40px);

        margin-bottom: 30px;
        border-top: solid 1px #000;
        border-bottom: none;
    }
    .table .hotel-info > div,
    .table .hotel .single,
    .table .hotel .double,
    .table .hotel .premier,
    .table .hotel .senior{
        padding: 0 20px;
        float: none;
        width: 100%;
        text-align: left;
        border-bottom: solid 1px #000;
        border-left: solid 1px #000;
    }
    .table .heading > div:nth-last-child(3), .table .hotel-info > div:nth-last-child(3){
        border-right: solid 1px #000;
    }
    .table .hotel .hotel-heading > div{
        padding: 0 20px;
        height: 50px;
        width: 100%;
        border-left: solid 1px #000;
        border-bottom: solid 1px #000;
        text-align: center;
    }
    .hotel:first-child .hotel-heading,
    .hotel:nth-child(odd) .hotel-heading{
        display: block;
    }
    .hotel-heading{
        width: 80px;
        border-right: none;
        background: #0d3c47;
        float: left;
        color: #fff;
    }
    .hotel:first-child .hotel-info,
    .hotel:nth-child(odd) .hotel-info{
        width: calc(100% - 80px);
    }
    .hotel-info{
        float: left;
        width: 100%;
    }
}

@media (max-width: 860px){
    .half{
        float: none;
        width: 100%;
    }
}

/*
@media (max-width: 850px){
    .table .hotel:first-child{
        width: calc(50% + 50px);
    }
    .table .hotel:nth-child(4n),
    .table .hotel{
        width: calc(50% - 50px);
    }
    .hotel:nth-child(3n) .hotel-heading{
        display: block;
    }
    .hotel:nth-child(4n) .hotel-info{
        width: 100%;
    }
    .hotel:nth-child(3n) .hotel-info{
        width: calc(100% - 100px);
    }
}
*/
@media (max-width: 600px){
    .table .hotel,
    .table .hotel:nth-child(even),
    .table .hotel:nth-child(odd){
        width: 100%;
    }
    .hotel:nth-child(even) .hotel-heading,
    .hotel:nth-child(odd) .hotel-heading,
    .hotel .hotel-heading{
        display: block;
    }
    .hotel:nth-child(even) .hotel-info,
    .hotel:nth-child(odd) .hotel-info{
        width: calc(100% - 80px);
    }
}
/*
@media (max-width: 400px){
    .table {
        margin: 40px -20px;
    }
}

@media (max-width: 350px){
    .table .hotel-info > div,
    .table .hotel .single,
    .table .hotel .double,
    .table .hotel .premier,
    .table .hotel .senior{
        padding: 0 10px;
    }
    .table .hotel .hotel-heading{
        font-size: 11px;
    }
    .table .hotel .hotel-heading > div{
        padding: 0 10px;
    }
    .hotel-heading{
        width: 90px;
    }
    .hotel .hotel-info{
        width: calc(100% - 90px) !important;
    }

}
*/