/* Small devices (tablets, 768px and up)*/
@media (min-width: @screen-sm-min) {

}

/* Medium devices (desktop, 992px and up)*/
@media (min-width: @screen-md-min) {

}

/* Large devices (Large desktop 1200px and up)*/ 
@media (min-width: @screen-lg-min){

}


@media (max-width: @screen-xs-max) {

}

@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {

}

@media (max-width: @screen-md-min) and (max-width: @screen-md-max) {

}

@media (min-width: @screen-lg-min) {

}



@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

@media only screen and (max-width: 1920px)
{
/*	.booking-cover i {
    right: 322px;}*/
}
/************
1. 1600px
************/



@media only screen and (max-width: 1600px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	.wrapper{left: 309px;}
	.inner-ada-content {
     padding: 5px 108px;}

     .booking-cover i {
     top: 15px;
     right: 83px;
}
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
.booking-cover i {
  top: 15px;
  right: 93px;
}
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	.wrapper{left: 272px;}
	.inner-ada-content {
     padding: 30px 100px;}
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{

}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{
	
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{

 .about-text-sec{padding-top: 60px;}
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	
}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{

	#topbar {
  height: 95px;}

	#header {
  top: 0;}

  .slides-wraper .slider-text h1{font-size: 20px;}
  .slides-wraper .slider-text h5{font-size: 16px;}

  .about .content {padding: 40px 30px;}

  section {padding: 60px 0px;}

  .swiper-full-mobile .swiper-slide img {
  height: 530px;}

  .swiper-full-mobile {
  padding-bottom: 50px;}

  .attr-sec-details{padding: 0px 60px;}
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{

}

/************
10. 767px
************/

@media only screen and (max-width: 767px)
{
	
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	
}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	 
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{

}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{

}

@media only screen and (max-width: 415px)
{
  #topbar{height: 125px;padding: 30px 15px;}
  #topbar .contect-info{text-align: center;}
  #topbar .social-links a {
  margin-left: 5px;}

  #header .logo img {
  max-height: 57px;}

  #header {
  top: 0;}

	#hero{padding-bottom: 75px;}
  .slides-wraper {
  height: 70vh;}

  .slides-wraper .slider-text {
  bottom: 0px;}

  section {
  padding: 60px 0;}

  .section-title h3 {
  font-size: 24px;}

  .section-title {
  padding-bottom: 20px;}

  .about-text-sec{padding: 40px 25px;}

  .btn-container a {
   margin-top: 20px;}

   .btn_acele {
   padding: 15px 30px;}

   #services{text-align: center;}

   #services .section-title h3 {
   text-align: center;}

   .services .icon-box .icon i {
   font-size: 54px;}

   .services .icon-box {
		padding: 25px 9px;}

 .swiper-full-mobile .swiper-slide img {
  height: 100px;}

  .swiper-full-mobile .swiper-slide img {  
  visibility: visible;}

  .swiper-button-next::after, .swiper-button-prev::after {
  font-size:18px;}

  .swiper-button-next, .swiper-button-prev {
  top: 33%;}

  .swiper-full-mobile{padding-bottom: 0;margin: 0px;}

  .attr-sec-details{padding: 0px 35px;}

   #call-to-action .cta-title {
  font-size: 26px;}

  #call-to-action h5{line-height: 2;}

  .gallery .gallery-inner a img{margin-bottom: 10px;}




 }


/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
    
}

@media only screen and (max-width: 360px)
{
 #header .logo img {
  max-height: 55px;}

  .slides-wraper {
  height: 80vh;}

  .slides-wraper .slider-text h1{font-size: 20px;}
  .slides-wraper .slider-text h5{font-size: 14px;}

  .slides-wraper .slider-text {
  right: 8px;}

  #call-to-action .cta-title {
  line-height: 1.5;}

  .swiper-full-mobile .swiper-slide img {
  height: 100px;}

  .swiper-full-mobile .swiper-slide img {  
  visibility: visible;}

  .swiper-button-next::after, .swiper-button-prev::after {
  font-size:18px;}

  .swiper-button-next, .swiper-button-prev {
  top: 43%;}
}

@media only screen and (max-width: 384px)
{
.swiper-button-next, .swiper-button-prev {
  top: 47%;
}
}  


@media only screen and (max-width: 384px)
{

}