@media (max-width:767px){
	header {
    position: static;
    width: 100%;
	}

.logo-head {
    position: static;
    display: block;
}

.logo-head img {
   width: 50%;

}

.w-100 {
	height: 40vh;
}

.carousel-control-next, .carousel-control-prev {

    width: 6%;
}

.about-sec {

    padding: 20px 20px;
    text-align: center;

}

.heading h2 {

    font-size: 25px;
    padding-bottom: 10px;
}

.welcome-slider {

    background: url(../img/welcome-back.jpg);
    height: auto;
    padding: 60px;

}

.welcome-slider .item img {

    height: 210px;

}

.welcome-text {

    background: #337bb4;
	padding: 30px 20px;
	color: #fff;
    height: auto;

}

.pic img {

    width: 100%;
    height: 210px;

}

.review-section {
	padding: 25px;
}

.contact {

    background: #337bb4;
	height: auto;
	padding: 25px 10px 20px 25px;
	color: #fff;

}

.contact p {

    font-size: 18px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-top: 15px;

}

.contact ul li {

    font-size: 18px;
}

.right-sec ul {
	padding: 0;
}

.bread {
	height: 100px;
}


.bread h2 {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
}

.rate-sec h3 {
    font-size: 22px;
}

.ratesAdditional strong {
    width: auto;

}

.amenities h2 {
	font-size: 25px;
}

.amenities ul li {
	width: 100%;
}

.about {
    padding: 20px;
}

.about h2 {
    font-size: 22px;
}

.upper-part {
    text-align: left;
    padding-bottom: 5px;
}

.welcome-slider .owl-nav .owl-prev {
    left: -119px;
    position: relative;
}

.welcome-slider .owl-nav .owl-next {
    right: -119px;
    position: relative;
}

.area-img img {
    width: 100%;
    height: 200px;
}

.area-text {
    height: auto;
}

.area-text h2 {
    font-size: 22px;
}

.rev-sec h3 {
    font-size: 23px;
}

.rev-sec p {
    font-size: 18px;
}

}


@media (min-width:768px) and (max-width:991px){

	header {

    position: absolute;
    width: 30%;
    z-index: 99;
    top: 40px;
    left: 65%;

}

.logo-head {

    position: absolute;
    left: -29pc;
    top: -30px;

}

.logo-head img {

    width: 65%;

}

.w-100 {
	height: 40vh;
}

.carousel-caption h2 {
	font-size: 25px;
}

.carousel-caption {

    bottom: 5%;

}

.heading h2 {

    font-size: 30px;
}

.icons h4{
	font-size: 18px;
}

.welcome-slider {
	padding: 30px;
	height: auto;
}

.welcome-slider .item img {

    height: 300px;

}

.welcome-slider .owl-nav .owl-next {

    right: -326px;
}

.welcome-slider .owl-nav .owl-prev {

    left: -326px;
}

.welcome-text {
	height: auto;
}

.pic img {

    width: 100%;
    height: 200px;

}

.contact {

	padding: 15px 10px 10px 20px;
}

.contact p {

    font-size: 18px;
    line-height: 30px;
    padding-bottom: 5px;
    padding-top: 5px;

}

.contact ul li {

    font-size: 18px;
    list-style: none;
    margin: 10px 0;
    font-family: 'Lato', sans-serif;

}

.upper-part p i{
	display: block;
}

.area-text h2 {
    font-size: 25px;
}

.area-text {
    padding: 20px;
    height: auto;
}

}



@media (min-width: 992px) and (max-width: 1200px){

header {
    position: absolute;
    width: 75%;
}

.logo-head img {

    width: 70%;

}

.navbar-light .navbar-nav .nav-link {
	padding: 10px 5px;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 12px;
}

.w-100 {
	height: 75vh;
}

.carousel-caption {

    bottom: 10%;

}

.carousel-caption h2 {
	font-size: 35px;
}

.welcome-text {

	padding: 20px 37px;
}

.welcome-text h2 {
    padding-bottom: 15px;
}

.welcome-text p {

    font-size: 18px;

}

.welcome-slider .owl-nav .owl-next {

    right: -168px;
}

.welcome-slider .owl-nav .owl-prev {

    left: -168px;
}

.contact {

	padding: 25px 10px 35px 50px;
}

.contact p {

    padding-bottom: 20px;
    padding-top: 20px;

}

.contact ul li {

    font-size: 20px;
}

}