/*------------------------------------------------------------------
 - RESPONSIVE CSS

 - Author: Andrey Sokoltsov
 - Profile: http://themeforest.net/user/andreysokoltsov
-------------------------------------------------------------------*/
@media (max-width: 768px){
    .feature-content-text p {
        text-align: center;
    }
}
@media only screen and (max-width:1920px){
    .carousel-caption{margin-top:15%;}
    .carousel-caption h5{margin-bottom: 15px;}

    .carousel-indicators {
    bottom: 35px;
    background: transparent;
}

.carousel-indicators li {
    margin-left: 0px;
    margin-right: 0px;
}
.twocolordiv{    padding: 141px 0px 0px;}
.picture-theme ul li {
    width: 19%;
    height: 250px;
}
.tt-potv {
	width: 22%;
}
.gg-picture img{height: auto;}
.owl-next{top:auto;
    right: 44%;}




}

@media only screen and (max-width: 1680px){
.mainNav.navbar .nav-item .nav-link{font-size: 14px;}
.phone-number{font-size: 14px;}
.phone-number:before{width: 55px;
    height: 38px;left: -43px;}
    .flex-control-nav{    padding: 1px 50px;}
    .carousel-caption{margin-top:15%;}
    .carousel-caption h5{margin-bottom: 15px;}

    .carousel-indicators {
    bottom: 35px;
    background: transparent;
}

.carousel-indicators li {
    margin-left: 0px;
    margin-right: 0px;
}
.twocolordiv{    padding: 141px 0px 0px;}
.picture-theme ul li {
    width: 18%;
    height: 250px;
}
.tt-potv {
    width: 22%;
}
.gg-picture img{height: auto;}
.citizens-point  > .row > .col-lg-6 {
    color:#000;	font-size:15px;
}
  .flex-direction-nav li a.next{top: 85%;width: 27px;
    height: 27px;}
    .flex-direction-nav li a.prev{right:24.7%;top: 85%;width: 27px;
    height: 27px;}
}



@media only screen and (max-width: 1480px){
    .flex-direction-nav li a.next{top: 83%;}
    .flex-direction-nav li a.prev{right: 26.7%;top: 83%;}
    .flex-caption{left:1%;}
.carousel-indicators{height: 61px; background: transparent;    bottom: 23px;}
.carousel-indicators li{margin-right: 0px; margin-left: 0px;}
.carousel-caption h5{font-size: 28px; margin-bottom: 10px;}
.carousel-caption{margin-top:18%;}
.carousel-caption p{    font-size: 18px;
    line-height: 28px;}
.icon-five{width: 30px; height: 100%; background-size: 100%;}
.icon-four{width: 30px; height: 100%; background-size: 100%;}
.icon-three{width: 30px; height: 100%; background-size: 100%;}
.icon-two{width: 30px; height: 100%; background-size: 100%;}
.icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-one{width: 30px; height: 100%; background-size: 100%;}

.picture-theme ul li{width: 19%;height: 176px; margin-right: 4px;
    margin-left: 4px;padding: 10px;}
.picture-theme ul li .cout-kk span{padding: 3px 15px;    font-size: 12px;}
.pc-tab section div{ padding-top: 11px; }
.tt-potv{width:20%;}

.tt-potv ul li{width: 48%; float: left;}
.tt-potv ul li label{font-size: 16px; width: 100%;}
.hotel-features-list ul li{width:20%;}

.citizens-point  > .row > .col-lg-6 {padding: 29px 18px;}
.citizens-point  > .row > .col-lg-6 p{font-size: 15px;
    line-height: 22px;	color:#000;}
.mainNav.navbar .nav-item .nav-link {
    font-size: 16px;
}
.phone-number{font-size: 14px;}
.section-header-three{top: 34%;}
.phone-number:before{    left: -45px;width: 45px;
    height: 37px;}

.flex-control-nav{padding: 2px 43px;right: 15%;}
.flex-control-nav li a{width: 26px;}

.flex-direction-nav li a.next{width: 25px; height: 25px;}
.flex-direction-nav li a.prev{width: 25px;height: 25px;right: 24.7%;}




}
@media only screen and (max-width: 1280px){
     .flex-control-nav li a{width:20px; font-size:24px ;}
    .navbar-action-button{padding-left:45px;}
    .owl-next{top: auto;
    right: 43%;}
.mainNav.navbar .nav-item .nav-link{font-size: 13px; padding: 4px 6px;  cursor: pointer;}
.mainNav.navbar .nav-item{margin-right: 2px;}
.phone-number{font-size: 10px;
    padding: 4px 9px;}

.phone-number:before{left: -29px;
    width: 46px;
    height: 23px;
}
.navbar-logo{width: 100px;}
.flex-caption h2{font-size: 28px;    line-height: 54px;}
.flex-caption h3{font-size: 52px;    line-height: 60px;}

.flex-caption{left: 4%;}
.carousel-indicators{height: 61px; background: transparent;    bottom: 23px;}
.carousel-indicators li{margin-right: 0px; margin-left: 0px;}
.carousel-caption h5{font-size: 40px; margin-bottom: 10px;}
.carousel-caption{margin-top: 10%;}
.carousel-caption p{    font-size: 18px;
    line-height: 28px;}
.icon-five{width: 30px; height: 100%; background-size: 100%;}
.icon-four{width: 30px; height: 100%; background-size: 100%;}
.icon-three{width: 30px; height: 100%; background-size: 100%;}
.icon-two{width: 30px; height: 100%; background-size: 100%;}
.icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-one{width: 30px; height: 100%; background-size: 100%;}

.section-header-three:before {
    background-size: 100%;
    top: -71px;
    width: 13%;
}
.section-header:before{
    background-size: 100%;
    top: -60px;
    width:12%;
}
.section-header-three{font-size: 36px;    top: 13%;}
.carousel-caption h5{    font-size: 30px;}
.twocolordiv{    padding: 139px 0px 0px;}

.section-header-four:before{    width:35%; background-size: 100%;}
.section-header-four{    font-size: 36px; margin-bottom:40px;}
.feature-content-text p{font-size: 16px; line-height: 26px;}

.option-four{ padding-top: 150px; }
.section-header{font-size: 36px;}

.bed-st{margin-top: 38px;}
.cty-section h2{font-size: 38px;    line-height: 48px;}
.cty-section{margin-top: 67px;}
.cty-section h3{font-size: 32px;}
.option-five{padding-top: 135px;}
.tt-potv{    width: 24%;}

.tt-potv ul li{width: 48%; float: left;}
.tt-potv ul li label{font-size: 16px; width: 100%;}
.picture-theme ul li{width: 19%;height: 176px; margin-right: 4px;
    margin-left: 4px;padding: 10px;}
.picture-theme ul li .cout-kk span{padding: 3px 6px;    font-size: 12px;}
.pc-tab section div{ padding-top: 11px; }

.testimonials{padding-top: 37px;}
.option-six{padding-top: 50px;}

.section-header-nearby:before{ background-size: 100%;
    top: -71px;
    width:22%;}
.section-header-nearby{font-size: 36px;}
.feature-content-nearby{padding-top: 165px;padding-left: 4px;
    padding-right: 0;}

.citizens-point  > .row > .col-lg-6{   padding: 29px 18px;min-height: 189px;}
.citizens-point  > .row > .col-lg-6 p{font-size: 16px;
    line-height: 22px;	color:#000;}
.feature-content-map{height: 535px;}
.option-seaven{padding-top: 144px;}
.jt-fly{    margin-top: 36px;}
.jt-fly p{font-size: 16px; line-height: 26px;}
.option-eight{padding-top: 80px; }
.section-header-three p{    font-size: 20px;letter-spacing: 16px;}
.assist-pi h2{    font-size: 20px;}
.section-header-three-one{font-size: 20px;    top: 15%;}

.section-header-three-one p {
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 6px;
}
.section-header-three-one:before {
    background-size: 100%;
    top: -39px;
    width: 11%;
    height: 42px;
}
.option-one{padding-top: 133px;}
.overview-set{padding-top:55px;}
.feature-content-text{    padding-right: 13px;}
.section-header-four:before{width: 22%;}

.hotel-features-list ul li {
    width: 18%;
}
#customers-testimonials.owl-carousel .owl-dots{float: left; width: 100%;    margin-right:0%;
    margin-top: 0px;}

.testimonials .owl-prev{    left: 40%;top: auto;}
.testimonials .owl-next{    right: 40%;top: auto;}
.flex-direction-nav{display: none;}
.flex-control-nav{    padding: 3px 28px;}

.assist-pi-ki{    padding: 0px 70px;}
.overview-set p, .carousel-caption p {
    font-size: 16px;
	line-height: 26px;
}
.pc-tab section div h2 { font-size: 16px !important; }
 
}





@media only screen and (max-width: 1023px){
.flex-control-nav li a{width:20px; font-size:24px ;}
.banner-deskstop{    margin-top: 43px;}
.flex-caption{left: 0px;}
.flex-caption h2{font-size:40px;}
.flex-caption h3{font-size:60px;}
.section-header-three:before {
    background-size: 100%;
    top: -71px;
    width: 13%;
}
.section-header-three{font-size: 27px;top: 22%;}
.carousel-indicators{background: transparent; bottom: 10px;}

.carousel-indicators li{margin-right: 0px; margin-left: 0px;}
.carousel-caption h5{font-size: 26px; margin-bottom: 10px;}
.carousel-caption{margin-top:12%;}
.carousel-caption p{font-size: 16px;    line-height: 26px;}
.icon-five{width: 30px; height: 100%; background-size: 100%;}
.icon-four{width: 30px; height: 100%; background-size: 100%;}
.icon-three{width: 30px; height: 100%; background-size: 100%;}
.icon-two{width: 30px; height: 100%; background-size: 100%;}
.icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators{height: 55px;}
.twocolordiv:before{right: auto;}
.twocolordiv{    padding: 143px 0px 0;}
.section-header-four{margin-bottom: 20px;}
.feature-content-text{    padding-left: 0;
    padding-right: 0;}

.button{ 
    margin: 29px auto;
    float: none;
    display: table;}


.tt-potv{width: 70%;}

.tt-potv ul li{width: 48%; float: left;}
.tt-potv ul li label{font-size: 20px; width: 100%;}
.picture-theme ul li{width: 19%;    margin-right: 4px;
    margin-left: 5px;}

.section-header-three-one{font-size: 20px;    top: 15%;}

.section-header-three-one p {
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 6px;
}
.section-header-three-one:before {
    background-size: 100%;
    top: -39px;
    width: 11%;
    height: 42px;
}

.hotel-features-list ul li {
    width: 17%;
}

#customers-testimonials.owl-carousel .owl-dots{float: left; width: 100%;    margin-right:0%;
    margin-top: 0px;}

.testimonials .owl-next{    right: 20%;top: auto;}

.flex-direction-nav{display: none;}

.assist-pi-ki{padding: 0px 70px;}

.section-header-nearby:before {
    background-size: 100%;
    top: -100px;
}
.citizens-point {margin-bottom: 30px;}




}

@media only screen and (max-width: 980px) {
.testimonials .owl-prev{    left: 36%;top: auto;}


.flex-direction-nav{display: none;}
.flex-control-nav{padding: 5px 38px;    right: 4%;}
    .hotel-features-list ul li {
    width: 20%;
    margin: 15px 16px 11px;
    height: 150px;
}
.picture-theme ul li{width: 17%; height: 140px;
    margin-right: 8px;
    margin-left: 8px;}
.picture-theme ul li .cout-kk{    width: 83%;
    height: 80%;}

.hotel-features-section{padding-top: 20px;}

.option-one{padding-top: 120px; padding-bottom: 70px;}
.overview-set{ padding-top: 42px; }
.overview-set p{font-size: 20px;    line-height: 26px;margin-bottom: 33px;}

.section-header-four{text-align: center;}

.section-header-four:before{width: 22%;    left: 0;
    right: 0;    margin: 0px auto;}
.tt-potv{    width:33%; margin-top: 25px;}

.tt-potv ul li label{font-size: 16px;}

.hotel-features-list ul li{    margin: 15px 16px 11px;    height: 150px;}
.hotel-features-list ul li .ff-icon{margin-bottom: 19px;}
.hotel-features-list ul li h2{font-size: 16px;}
.section-header-nearby{text-align: center;}
.section-header-nearby:before {
    background-size: 100%;
    top: -70px;
    width: 13%;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.feature-content-nearby{    padding-top: 123px;}

.section-header-nearby{margin-bottom: 35px;}

.ne-icon{float: left;    margin-right: 15px;}
.citizens-point{margin-bottom: 35px;}
.citizens-point  > .row > .col-lg-6{  
    padding: 29px 18px;}

.section-header-three-one{font-size: 16px;    top: 15%;}

.section-header-three-one p {
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 6px;
}
.section-header-three-one:before {
    background-size: 100%;
    top: -39px;
    width: 11%;
    height: 42px;
}


.carousel-item {
    height: 500px;
}

.carousel-item img {
    height: 100%;
}


#customers-testimonials.owl-carousel .owl-dots{float: left; width: 100%;    margin-right:0%;
    margin-top: 0px;}

.testimonials .owl-next{    right:36%;top: auto;}

.option-six .owl-next{ right:15%; top:auto; }

.down{top:46px;width: 35px;height:35px;}

.option-six .owl-next{ right:32%; top:auto; }
.option-six .owl-prev{ left:33%; top:auto; }
.assist-pi-ki{    padding: 0px 70px;}







}


@media only screen and (max-width: 767px) {
a.btn-enquiry-mb {
	display: block;
}
.section-header:before{    width: 100px;}
.section-header {
    font-size: 28px;
}
.banner-deskstop{    margin-top: 10%;}
.flex-caption h2{font-size: 36px;}
.flex-caption h3{font-size:40px;    line-height: 44px;}
.caption_title_line{width: 100%;}
.flex-caption{left: 0px;}
.flex-control-nav{    bottom: 19px; right: 25px;}
.option-one{    padding-top: 110px;}
.overview-set{padding-top: 30px;}
.section-header-nearby:before{width: 100px;}
.overview-set p{ font-size: 15px; line-height: 25px;}
.carousel-indicators li:last-child{    padding: 12px 20px 11px 20px;}
.carousel-indicators .active:last-child{padding: 12px 20px 11px 20px;}
.carousel-indicators .active:first-child{padding: 12px 20px 11px 20px;}
.carousel-indicators li:first-child{padding: 12px 20px 11px 20px;}
.icon-five{width: 30px; height: 100%; background-size: 100%;}
.icon-four{width: 30px; height: 100%; background-size: 100%;}
.icon-three{width: 30px; height: 100%; background-size: 100%;}
.icon-two{width: 30px; height: 100%; background-size: 100%;}
.icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-one{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-five{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-four{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-three{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-two{width: 30px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-one{width: 30px; height: 100%; background-size: 100%;}
.navbar-logo{width:50%;}
.carousel-indicators{width:52%; height:50px; bottom: 29px; background: transparent; }
.section-header-three:before{background-size: 100%;top: -70px;    width: 100px;}
.section-header-three{font-size: 28px; top: 25%;}
.carousel-caption p {
    font-size: 15px;
    line-height: 25px;
}
.carousel-caption{margin-top:19%;    width: 73%; }
.twocolordiv:before{right: 0px;}
.twocolordiv{padding-top: 100px; padding-bottom: 20px;}
.section-header-four{margin-bottom: 20px; color: #fff;}
.feature-content-text{padding-right: 0px; padding-left: 0px;}
.section-header-four:before{background: url(../images/colka2.png); background-repeat: no-repeat; width:100px; background-size: 100%; height: 57px; top: -50px;}
.feature-content-text p{color: #fff;}
.button{margin-top: 32px; margin-bottom: 32px;}
.feature-content{padding-bottom: 80px;}
.cty-section {
    margin-top: 50px;
}
.cty-section h2{    font-size: 20px;    line-height: 30px;}
.cty-section h3 {
    font-size: 18px;
    line-height: 28px;
}
.picture-theme ul li{width: 48%; height: 315px; margin-bottom: 25px; overflow: hidden;    margin-right: 5px;
    margin-left: 5px;}
.picture-theme ul li .cout-kk{height: 89%;    width: 92%;}

.tt-potv{width: 70%;}

.tt-potv ul li{width: 48%; float: left;}
.tt-potv ul li label{font-size: 16px; width: 100%;}

.hotel-features-list ul li{    
    width: 25%;
    height: 162px;
    margin: 15px 16px 20px;
    padding: 15px;
  }
.citizens-point  > .row > .col-lg-6{padding: 19px 17px;}

.citizens-point{margin-top:30px;}
.feature-content-nearby{padding-top: 170px;}

.navbar-nav{margin-top: 30px;}

.carousel-caption h5{font-size:20px; font-weight: 400;}
.section-header-three-one{font-size: 16px;    top: 7%;}

.section-header-three-one p {
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 6px;
}
.section-header-three-one:before {
    background-size: 100%;
    top: -39px;
    width: 16%;
    height: 42px;
}

.option-six .owl-next{ right:36%; top:92%; }

#customers-testimonials.owl-carousel .owl-dots{float: left; width: 100%;    margin-right:0%;
    margin-top: 0px;}

.testimonials .owl-next{    right: 20%;top: auto;}
.citizens-point  > .row > .col-lg-6:after{display: none;}
.citizens-point  > .row > .col-lg-6{border-bottom: 1px solid #897245;}
.button{ 
    margin: 29px auto;
    float: none;
    display: table;}
.assist-pi-ki{    padding: 0px 40px;}
.testimonials .owl-next{    right:30%;top: auto;}
.testimonials .owl-prev {
    left: 30%;
    top: auto;
}
.assist-pi-ki{padding: 0px 14px;}
.spasing-left{padding-left: 0px;}
.spasing-right{padding-right: 0px;}
.option-six .owl-next{right:30%;}

.option-six .owl-prev{left:30%;}

.offer_img {
    left: 4%;
    width: 24%;
}
.home-banner-slider.owl-carousel {
    margin-top: 45px;
}
}

@media only screen and (max-width: 680px){
.picture-theme ul li .cout-kk {
       height: 86%; width: 95%;
}
.picture-theme ul li{height: 268px; width: 100%; overflow: hidden; margin-bottom: 25px;}
.section-header-three:before{top: -51px;    height: 55px;}
.section-header-three{    top: 16%; font-size: 20px;}
.carousel-caption p {
  font-size: 18px;
    line-height: 20px;
}

.feature-content-nearby {
    padding-top: 116px;
}
.citizens-point  > .row > .col-lg-6 p {
    font-size: 13px;
    line-height: 20px;
}
.section-header-three-one{font-size: 16px;    top: 7%;}

.section-header-three-one p {
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 6px;
}
.section-header-three-one:before {
    background-size: 100%;
    top: -39px;
    width: 16%;
    height: 42px;
}
.assist-pi{    margin-top: 86px;}

.carousel-item{height:350px;}
.carousel-item img{height: 100%;}

.carousel-caption{margin-top:11%;width: 73%; }

.flex-caption h2{ font-size: 20px;line-height: 25px; }
.flex-caption h3 {
    font-size: 24px;
    line-height: 35px;
}

.flex-control-nav{    padding:3px 18px;
    bottom: 17px;
    right: 15px;}
.flex-control-nav li a {
    width: auto;
    height: 100%;
    padding: 2px 5px;
    font-size: 16px;
}

.flex-direction-nav li a.prev {
    display: none;
    top:83%;
    width: 19px;
    height: 19px;
    right: 26%;
    background-size: cover;
}

.flex-direction-nav li a.next {
     display: none;
    width: 19px;
    height: 19px;
    top:83%;
    background-size: cover;
    right:6%;
}
#customers-testimonials.owl-carousel .owl-dots{float: left; width: 100%;    margin-right:0%;
    margin-top: 0px;}

.testimonials .owl-next{    right: 20%;top: auto;}


.banner-logo{display: none;}  

.option-six .owl-next{ right:32%; top:auto; }
.option-six .owl-prev{ left:33%; top:auto; }
.testimonials .owl-next{    right:36%;top: auto;}
.testimonials .owl-prev {
    left: 36%;
    top: auto;
}

.citizens-point  > .row > .col-lg-6:after{display: none;}
.citizens-point  > .row > .col-lg-6{border-bottom: 1px solid #897245;}
.down{top:46px;width: 30px;height: 30px;}
.button{ 
    margin: 29px auto;
    float: none;
    display: table;}
.assist-pi-ki{    padding: 0px 35px;}

.down-arrow {display: none;}
}

@media only screen and (max-width: 580px){
    .testimonials .owl-next{    right:16%;top: auto;}
.testimonials .owl-prev {
    left: 16%;
    top: auto;
}
.assist-pi-ki{padding: 0px 14px;}
.spasing-left{padding-left: 0px;}
.spasing-right{padding-right: 0px;}
.option-six .owl-next{right:15%;}

.option-six .owl-prev{left:15%;}
}


@media only screen and (max-width: 480px){
.body{width:90%}
/*.navbar-logo{width: 20%; height: auto; float: left;}*/
.navbar-logo{width: 50%; height: auto; float: left;}

.navbar-logo img{width: 100%; height: auto;}

.phone-number{font-size: 12px; padding: 6px 10px;}
.phone-number:before{width: 50%; height: 100%;    left: -36px;}
.navbar-action-button{padding-left: 1px;}

.line-two img{width: 100%; height: auto;}

.banner-deskstop{margin-top:12%;}
.flex-caption h2{font-size: 15px; line-height: 25px;}
.caption_title_line{width: 100%; padding-left: 30px; }
.flex-caption h3{font-size: 23px; line-height: 31px;}
.banner-logo{display: none;}
.flex-control-nav{padding: 7px 32px;bottom: 17px;right: 15px;}
.flex-control-nav li a {
    width: auto;
    height: 100%;
    padding: 2px 5px;
    font-size: 16px;
}
.option-one{     padding-top: 100px;
    padding-bottom: 30px; }
.section-header{font-size: 22px;}
.overview-set{padding-top:5%;}
.overview-set p { margin-bottom: 22px; }
.carousel-indicators li:last-child{padding: 5px 16px 7px 16px}
.carousel-indicators .active:last-child{padding: 5px 16px 7px 16px}
.carousel-indicators .active:first-child{padding:5px 16px 7px 16px}
.carousel-indicators li:first-child{padding: 5px 16px 7px 16px}
.icon-five{width: 22px; height: 100%; background-size: 100%;}
.icon-four{width: 22px; height: 100%; background-size: 100%;}
.icon-three{width: 22px; height: 100%; background-size: 100%;}
.icon-two{width: 22px; height: 100%; background-size: 100%;}
.icon-one{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-one{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-two{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-three{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-four{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators li:hover .icon-five{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-five{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-four{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-three{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-two{width: 22px; height: 100%; background-size: 100%;}
.carousel-indicators .active .icon-one{width: 22px; height: 100%; background-size: 100%;}



.carousel-indicators li{height:41%;padding: 5px 16px 7px 16px; margin: 0px;}
.carousel-indicators{width: 100%; height: 16%; bottom: -18px;}

.twocolordiv:before{right: 0;}
.feature-content-text{padding-left: 0; padding-top: 0px; padding-right: 0;}
.feature-content-text p{color: #fff;}
.twocolordiv{padding-top:40px; padding-bottom: 20px; }

.section-header-four:before{width:100px; height: 90px; background: url(../images/colka2.png); background-repeat: no-repeat;top: -50px; background-size: contain;}

.section-header-four{font-size: 25px; margin-bottom:25px; color: #fff; margin-top: 50px;}
.feature-content-text p{font-size:15px; line-height: 25px; text-align: center;}
.button{margin-top: 30px; margin-bottom: 30px;}
.feature-content{padding-bottom: 0px;}
.option-four{padding-top:100px; padding-bottom: 20px;}
.cty-section h2{font-size: 22px;
    line-height: 32px;}
.cty-section h3{    font-size: 20px;
    line-height: 30px;}
.cty-section{margin-top: 30px;}
.bed-st{margin-top: 30px;}
.option-five{padding-top:120px; padding-bottom: 20px;}

.tt-potv{width: 70%;}

.tt-potv ul li{width: 48%; float: left;}
.tt-potv ul li label{font-size: 14px; width: 100%;}
.picture-theme ul li{width: 100%; margin-left: 0px; margin-right: 0px; height: 300px; margin-bottom: 20px;overflow: hidden;}
.hotel-features-list ul li {
    width: 34%;
    height: 85px;
    float: left;
    margin: 15px 22px 24px;
    padding: 1px;
    text-align: center;
}
.hotel-features-section{padding-top: 0px;}
.hotel-features-list ul li .ff-icon{ width: 49px;
    height: 64px;
    margin-bottom: 13px;
    margin: 0px auto;
    display: table;
    float: none;}
.hotel-features-list ul li .ff-icon img{width: 100%; height: auto;}
.hotel-features-list ul li h2{font-size: 16px;}
.option-six{padding-top: 35px;}

.testimonials{ padding-top: 80px; padding-bottom: 20px; }
.feature-content-nearby{padding-top: 100px; padding-left: 0px; padding-right: 0;}
.section-header-nearby{font-size: 25px; margin-bottom: 20px; margin-top: 20px;}


.citizens-point  > .row > .col-lg-6{padding: 27px 0px; min-height:100px;}
.citizens-point  > .row > .col-lg-6:before{ display: none; }
.citizens-point {
    margin-top:0px;	font-family:20px;	color:#000;	text-align:center;
}

.option-seaven{padding-top:120px;}
.jt-fly{margin-top: 24px;}
.jt-fly p { margin-bottom: 15px; }
.option-eight{padding-top:138px; padding-bottom: 100px;}
.assist-pi{margin-top:0px;}
.assist-pi h2{font-size: 16px;}
.navbar-nav{margin-top: 25px;}
.section-header-three-one{font-size: 16px;    top: 7%;}

.section-header-three-one p {
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 6px;
}
.section-header-three-one:before {
    background-size: 100%;
    top: -39px;
    width: 28%;
    height: 42px;
}

.carousel-caption{margin-top: 13%;}
.carousel-caption h5{font-size:20px;}
.carousel-caption p{ font-size: 14px;
    line-height: 24px; }
.carousel-item{height:410px; background-color:#283748}
/*.carousel-item{height:410px; background-color:#283748}*/
.carousel-item img{
    /*height: auto;*/
    object-fit: cover;
}
.carousel-item:nth-child(2) img {
    object-position: -30vw;
}
.carousel-item:nth-child(4) img {
    object-position: -80vw;
}
.carousel-item:nth-child(5) img {
    object-position: -90vw;
}
.flex-direction-nav li a.prev {
    top: 75%;
    width: 19px;
    height: 19px;
    right: 29%;
    background-size: cover;
}

.flex-direction-nav li a.next {
    width: 19px;
    height: 19px;
    top:75%;
    background-size: cover;
    right:6%;
}

.down{top:46px;width: 25px;height: 25px;}


.testimonials .owl-next{right: 20%;
    top: auto;}

    .option-six .owl-next{right:15%;}
.banner-logo{display: none;}
.flex-control-nav{padding: 2px 20px;}
#customers-testimonials .owl-carousel .owl-dots{float: left; width: 100%;margin-right:0%;margin-top: 0px;}
.carousel-indicators{bottom: 3px;}
.citizens-point  > .row > .col-lg-6:after{display: none;}
.citizens-point  > .row > .col-lg-6{border-bottom: 1px solid #897245; width: 100%;}
.button{ 
    margin: 0px auto 0;
    float: none;
    display: table;}
.assist-pi-ki{    padding: 0px 14px;}
.spasing-left{padding-left: 0px;}
.spasing-right{padding-right: 0px;}

.testimonials .owl-next{    right:16%;top: auto;}
.testimonials .owl-prev {
    left: 16%;
    top: auto;
}
.assist-pi-ki{padding: 0px 14px;}
.spasing-left{padding-left: 0px;}
.spasing-right{padding-right: 0px;}
.option-six .owl-next{right:15%;}

.option-six .owl-prev{left:15%;}
.line-three {
    padding: 20px 65px 30px;
}
.feature-content-image {
    margin-bottom: 40px;
}
}




@media only screen and (max-width: 320px){	.body{width:90%}
 .hotel-features-list ul li { width: 34%; height: 99px; float: left; margin:15px 18px 21px; padding: 1px; text-align: center;}
.hotel-features-section{padding-top: 0px;}
.hotel-features-list ul li .ff-icon{height: 65px;margin-bottom: 13px;}
.hotel-features-list ul li h2{font-size: 15px;}
.option-six{padding-top: 35px;}
.testimonials{padding-bottom: 20px;padding-top: 80px;}

.cty-section h2{ font-size: 20px; line-height: 30px;}
.cty-section h3 { font-size: 18px; line-height: 28px; }
.feature-content-nearby{padding-top: 100px; padding-left: 0px; padding-right: 0;}
.section-header-nearby{font-size: 25px;}


.citizens-point  > .row > .col-lg-6{padding: 35px 0px;}
.citizens-point  > .row > .col-lg-6:before{ display: none; }

.option-seaven{ padding-top: 100px;  padding-bottom: 60px;  margin-bottom: 0px; }
.jt-fly{margin-top: 24px; margin-bottom: 20px; }

.jt-fly p{font-size: 15px; line-height: 25px; margin-bottom: 16px;}
.option-eight{padding-top: 165px; padding-bottom: 20px;}
.assist-pi{margin-top:0px;}
.assist-pi h2{font-size: 16px;}

.navbar-nav{margin-top: 20px;}
.section-header-three-one:before {
    background-size: 100%;
    top: -164px;
    width: 28%;
    height: 42px;
}
.section-header-three-one{font-size: 16px;    top: 7%;}

.section-header-three-one p {
    font-size: 12px;
    line-height: 35px;
    letter-spacing: 6px;
}
.section-header-three-one:before {
    background-size: 100%;
    top: -39px;
    width: 28%;
    height: 42px;
}
.section-header-three{font-size: 16px;top: 16%;}
.section-header-three:before {
    top: -46px;
    height: 48px;
    width: 25%;
}
.carousel-caption{    margin-top: 7%;}
.carousel-caption h5{font-size: 18px;}
.carousel-caption p{ font-size: 13px;
    line-height: 18px;}

.carousel-item{height: 350px;}
.carousel-item img{height: 100%;}
.flex-direction-nav li a.prev {
    top: 75%;
    width: 19px;
    height: 19px;
    right: 29%;
    background-size: cover;
}

.flex-direction-nav li a.next {
    width: 19px;
    height: 19px;
    top:74%;
    background-size: cover;
    right: 3%;
}

.down{top:46px;width: 25px;height: 25px;}


#customers-testimonials.owl-carousel .owl-dots{float: left; width: 100%;}





.citizens-point  > .row > .col-lg-6:after{display: none;}
.citizens-point  > .row > .col-lg-6{border-bottom: 1px solid #897245;}
.button{ 
    margin: 29px auto;
    float: none;
    display: table;}

}


@media only screen and (max-width: 320px){	.body{width:90%}	.testimonials .owl-next{    right:36%;top: auto;}
.testimonials .owl-next{    right:16%;top: auto;}
.testimonials .owl-prev {
    left: 16%;
    top: auto;
}
.assist-pi-ki{padding: 0px 14px;}
.spasing-left{padding-left: 0px;}
.spasing-right{padding-right: 0px;}
.option-six .owl-next{right:15%;}

.option-six .owl-prev{left:15%;}
}

@media only screen and (max-width: 480px) {.citizens-point > .row > .col-lg-6 {overflow: hidden;}}