/*for-large-desktop view-1200*/
@media only screen and (min-width: 100px) and (max-width: 1399px) {
  .item-header {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: end;
  }
    .our-work-image img {
        height: 200px;
        width: 200px;
    }
  .logo-hader {
    border-radius: 0px 0px 46% 46%;
    width: 138px;
    text-align: center;
  }
  .logo-hader img {
    width: 105px;
    height: 130px;
  }
  .banner-title p {
    padding-right: 170px;
    line-height: 21px;
    font-size: 15px;
    padding-top: 20px;
  }
  .about-us-content {
    padding-top: 0px;
    padding-left: 2px;
  }
  .about-us-content p {
    padding-right: 55px;
    padding-bottom: 30px;
    padding-left: 7px;
  }
  .about-us-content img {
    height: 301px;
  }
  .about-us-logo img {
        top: 290px;
        width: 100px;
    }
  .spacing {
    padding: 50px 0px;
  }
  .our-service-title.main-title p {
    padding: 0px 260px;
  }
  .service-slider-item img {
    /* width: 264px; */
    /* height: 370px; */
  }
  .our-team-title {
    padding: 82px 0px;
  }
  .popular-content p {
    line-height: 22px;
    padding-bottom: 10px;
    padding-right: 30px;
  }
  .popular-image {
    top: -19px;
    width: 38%;
  }
  .our-work-content {
    padding: 108px 0px;
  }
  .our-work-content h4 {
    font-size: 16px;
    padding-bottom: 30px;
  }
  .our-work-content h2 {
    font-size: 52px;
    padding: 0px 70px;
  }
  .price-item-content {
    padding: 30px 30px 0px 30px;
  }
  .price-item-content h2 {
    padding-right: 49px;
    padding-bottom: 11px;
  }
  .f-logo img {
    width: 150px;
  }
  .tab-item-content {
    padding: 10px 30px;
  }
  .tab-item-content h2 {
    font-size: 46px;
  }
  .booking-content h2 {
    font-size: 56px;
  }
  .booking-image {
    overflow: hidden;
    height: 670px;
  }
	.slick-next {
    right: 320px;
}
	.slick-prev {
    left: 320px;
}
}



/*for-laptop view-1024*/


@media only screen and (min-width: 100px) and (max-width: 1199px) {
  .navigation ul {
    gap: 18px;
  }
	.follow-us-item {
    width: 170px;
    height: 170px;
}
	    .slick-next {
        right: 250px;
    }
	    .slick-prev {
        left: 250px;
    }
	.service-slider-item img {
    height: 300px;
    width: 300px;
}
	.service-slider .slick-slide {
    margin: 0px 0px;
}
	.slick-next {
    /* right: 260px; */
}
		.slick-prev {
    left: 280px;
}
  .logo-hader {
    width: 128px;
    box-shadow: 0px 0px 5px #ffffff7f;
  }
  .main-btn {
    padding: 4px 26px;
    letter-spacing: 1px;
    font-size: 14px;
  }
  .banner-title h4 {
    font-size: 23px;
    padding-bottom: 15px;
  }
  .banner-title h2 {
    font-size: 66px;
  }
  .banner-title span {
    font-size: 51px;
  }
  .about-us-content {
    padding-top: 0px;
    padding-left: 0px;
  }
  .about-us-content p {
    line-height: 18px;
    padding-right: 15px;
    font-size: 14px;
    padding-bottom: 30px;
    padding-left: 0px;
  }
  .about-us-logo img {
    width: 90px;
    top: 100px;
  }
  .about-us-content img {
    height: 216px;
  }
  .about-us-image {
    border-right: 17px solid var(--c4);
  }
  .about-us-image a {
    padding: 14px 27px;
    right: 0;
    bottom: 0px;
  }
  .about-us-image i {
    border: 1px solid;
    font-size: 17px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    margin-left: 20px;
  }
  .spacing {
    padding: 70px 0px;
  }
  .main-title h2 {
    font-size: 44px;
  }
  .main-title p {
    font-size: 15px;
    color: #ffffffa1;
    padding: 0% 18%;
    line-height: 21px;
  }
  .service-slider .slick-list.draggable {
  }
  .team-image-content {
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
  }
  .team-image-content h5 {
    font-size: 30px;
  }
  .team-image-content h6 {
    font-size: 15px;
  }
  section.popular-service {
    padding-bottom: 100px;
    padding-top: 70px;
  }
  .popular-content h2 {
    font-size: 53px;
    padding-bottom: 10px;
  }
  .popular-content p {
    font-weight: 300;
    color: #d9d9d9;
    line-height: 22px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .popular-image {
    position: absolute;
    top: 25px;
    width: 40%;
    right: 19px;
  }
  .our-work-content h4 {
    font-size: 16px;
    padding-bottom: 22px;
  }
  .our-work-content h2 {
    font-size: 49px;
    padding: 0px 10px;
  }
  .review-content-main {
    gap: 18px;
  }
  .review-item {
    width: 32%;
    border: 1px solid #f2e1bc;
    padding: 16px 9px;
    border-radius: 37px;
  }
  .review-item p {
    padding: 0px 15px;
    font-size: 15px;
    padding-top: 11px;
    padding-bottom: 17px;
    line-height: 26px;
  }
  section.price-guide {
    background: var(--c3);
    padding: 30px 0px;
  }
  .price-item-content {
    padding: 13px 30px 5px 20px;
  }
  .price-item-content h2 {
    font-size: 30px;
    padding-right: 10px;
    padding-bottom: 5px;
  }
  .price-item-image img {
    height: 433px;
    object-fit: cover;
  }
  .nav-link {
    padding: 9px 29px;
  }
  .tab-item-content {
    padding: 10px 0px;
  }
  .tab-item-content h2 {
    font-size: 39px;
    padding-bottom: 3px;
  }
  .tab-item-content ul li {
    padding: 11px 0px;
    font-size: 17px;
  }
  .booking-content {
    padding: 60px 20px;
    height: 100%;
  }
  .form-input label {
    letter-spacing: 2px;
    font-weight: 500;
    line-height: 1px;
    padding-left: 5px;
    font-size: 15px;
  }
  .form-input {
    margin: 3px 0px;
  }
  section.follow-us {
    padding-top: 50px;
  }
  .follow-us-title h2 {
    font-size: 33px;
  }
  .f-logo img {
    width: 120px;
  }
  .navigation-f ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 51px;
  }
  .navigation-f ul li a {
    font-size: 15px;
  }
  .f-icons i {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    font-size: 16px;
  }
  .booking-content h2 {
    font-size: 49px;
  }
  .navigation ul li a {
    font-size: 16px;
  }
  .navigation ul {
    gap: 23px;
  }
  .service-slider-item img {
    /* width: 183px; */
    /* height: 300px; */
  }
	.booking-image {
        height: 538px;
    }
	.slick-prev {
    /* right: 592px; */
}
	.slick-next {
    right: 190px;
}
	
	
}



/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
	.item-header {
    gap: 20px;
    justify-content: end;
}
	    .follow-us-item {
        width: 200px;
        height: 200px;
    }
	.our-work {
    padding: 80px 0px 0px 0px;
}
	.our-work-content {
        padding: 50px 0px;
    }
	    .our-work-image img {
        height: 240px;
        width: 240px;
    }
		.slick-next {
    right: 190px;
}
	    .service-slider-item img {
        height: 200px;
        width: 200px;
    }
		.slick-prev {
    left: 190px;
}
	.logo-hader {
        width: 118px;
    }
	.logo-hader img {
        width: 105px;
        height: 110px;
    }
	    .banner-title h4 {
        font-size: 24px;
        padding-bottom: 15px;
    }
	    .banner-title h2 {
        font-size: 54px;
    }
	    .banner-title span {
        font-size: 42px;
    }
	.banner-title p {
    padding-right: 100px;
    line-height: 21px;
    font-size: 15px;
    padding-top: 20px;
}
	
	
	    .our-service-title.main-title p {
        padding: 0px 80px;
    }


	.about-us-image {
        height: 567px;
    }
	.about-us-image img {
    height: 100%;
    object-fit: cover;
}
	    .our-team-title {
        padding: 122px 50px;
    }
	    .popular-content h2 {
        font-size: 43px;
        padding-bottom: 10px;
    }
    .popular-content p {
        line-height: 20px;
        padding-bottom: 5px;
        padding-right: 0px;
    }
	.popular-image {
        top: 65px;
        width: 40%;
        right: 19px;
        height: 407px;
    }
	    .popular-image {
        top: 65px;
        width: 40%;
        right: 19px;
        height: 407px;
    }
	.our-work-content {
        background: var(--c1);
    }
	.price-guide-item {
    margin-bottom: 30px;
}
	.price-guide-btn {
    margin-top: 20px;
}
	    .tab-item-content h2 {
        font-size: 27px;
        padding-bottom: 3px;
    }
	    .tab-item-content ul li {
        padding: 7px 0px;
        font-size: 17px;
    }
	
	.tab-content-image {
    padding-top: 29px;
}
	.tabs-item-btn {
    padding-top: 10px;
}
	.about-us-logo img {
        width: 90px;
        top: 40px;
    }
	    .about-us-content p {
        padding-right: 35px;
    }
	
	
	    .about-us-content img {
        height: 193px;
    }
	.service-btn {
    margin-top: 20px;
}
	
	.popular-service-title.main-title {
    padding-bottom: 20px;
}
	
	.popular-image img {
    height: 100%;
    object-fit: cover;
}
	    .popular-image {
        top: 65px;
        height: 423px;
    }
	.service-slider-item img {
    /* height: 260px; */
}
	.service-slider .slick-slide {
    margin: 0px 0px;
}
	.slick-prev, .slick-next {
    width: 55px;
    height: 55px;
}
	.slick-next {
    /* right: 72px; */
}
	.slick-prev {
    /* right: 365px; */
}
	    .main-title {
         padding: 48px 0px;
        padding-bottom: 0px; 
    }
	
} 

/* for-mobile view- to 575px */

 @media only screen and (min-width: 100px) and (max-width: 767px) {
  section.about-us {
    padding: 0;
  }
	     .service-slider-item img {
        width: 260px;
        height: 260px;
    }
	     .follow-us-item {
        width: 180px;
        height: 180px;
    }
	 		.slick-next {
    right: 70px;
}
	     .our-work-image img {
        height: 180px;
        width: 180px;
    }
	 .our-work-image {
    margin-bottom: 30px;
}
		.slick-prev {
    left: 70px;
}

	 .service-slider-item img {
        height: 450px;
    }
	     .service-slider .slick-list.draggable {
        padding: 60px 40px !important;
    }
  .about-us-content p {
    padding-right: 30px;
    padding-left: 30px;
    line-height: 28px;
  }

  .spacing {
    padding: 40px 0px;
  }

  .main-title {
    padding: 48px 0px;
    padding-bottom: 0px;
  }

  .main-title h2 {
    font-size: 37px;
  }

  .main-title p {
    padding: 0% 9%;
    line-height: 21px;
  }

  .service-btn {
    margin-top: 0px;
  }

  a.main-btn {
    padding: 5px 25px;
    font-size: 15px;
  }

  .team-image-content h5 {
    font-size: 26px;
  }

  .team-image-content h6 {
    font-size: 14px;
  }

  .team-image-content {
    bottom: 30px;
  }

  section.popular-service {
    padding-bottom: 50px;
    padding-top: 40px;
  }

  .popular-service-title.main-title {
    padding-bottom: 20px;
  }

  .price-guide-title.main-title {
    padding-bottom: 30px;
  }

  .price-guide-item {
    margin-bottom: 30px;
  }

  .our-work {
    background: var(--c1);
  }

  .nav-link {
    padding: 5px 20px;
  }

  .nav-pills .nav-link,
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    font-size: 15px;
  }

  .piercing-title.main-title {
    padding-bottom: 20px;
  }

  .tab-content-image img {
    height: 329px;
    object-fit: cover;
  }

  .tab-item-content h2 {
    font-size: 32px;
  }

  .tab-item-content ul li {
    padding: 6px 0px;
    font-size: 16px;
  }

  .tab-item-content {
    padding: 20px 0px;
  }

  .tabs-item-btn {
    padding-top: 20px;
  }

  .price-guide-btn {
    margin-top: 0px;
  }

  .booking-image {
    padding: 20px;
  }

  .booking-content {
    padding: 30px 20px;
    height: 100%;
    margin: 0px 15px;
  }

  .follow-us-title.main-title {
    padding-bottom: 30px;
  }

  .our-service-title.main-title p {
    padding: 0px 30px;
  }

  .service-slider-item img {
    /* width: 100%; */
    /* height: 570px; */
  }

  .navigation-f ul {
    gap: 31px;
  }
	
	    .about-us-content h1 {
        padding-bottom: 10px;
        padding-top: 10px;
        text-align: center;
    }
	.f-icons {
    gap: 11px;
    margin-top: 0px;
    flex-direction: column;
    align-items: center;
}
	     .popular-image img{
        height: 100%;
        width: 100%;
    }
	 .popular-image {
    position: static;
    width: 100%;
    height: 100%;
}
	 .popular-content .popular-btn {
    margin-bottom: 30px;
}
.f-about h3 {
    font-size: 29px;
    padding-bottom: 25px;
}
.f-info p {
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 13px;
}
	 .service-slider .slick-list.draggable {
    padding: 60px 100px !important;
}

	
}

/*for-mobile view-375*/

 @media only screen and (min-width: 100px) and (max-width: 575px) {
  .container {
    width: 96%;
  }
	 	 .service-slider .slick-list.draggable {
        padding: 30px 30px !important;
    }
	     .slick-prev, .slick-next {
        width: 45px;
        height: 45px;
    }
	     .slick-next {
         right: 10px; 
    }
	     .slick-prev {
         left: 10px;
    }
	    .service-slider-item img {
        height: 280px;
    }

	 .banner-title p {
        padding-right: 0px;
        color: #ffffffe6;
    }
	 .about-us-content h1 {
        padding-top: 40px;
    }
	 .about-us-content p {
        text-align: center;
    }
	     .spacing {
        padding: 20px 0px;
    }
.main-title {
        padding: 11px 0px;
    }
    .our-team-title.main-title {
        padding: 40px 0px;
    }
	 .our-team-image {
    margin: 10px 30px;
    border-radius: 20px;
}
	 .popular-content-main {
    padding: 26px 10px;
    text-align: center;
}
	     .popular-content h2 {
        font-size: 34px;
    }
	     .our-work-content {
        padding: 38px 0px;
    }
	     .our-work-content h2 {
        font-size: 39px;
    }
	 
	 .price-item-content ul li {
    padding-left: 0px;
		     padding-bottom: 4px;
}
	 
	 .our-work-image {
    width: 49%;
    /* border: 1px solid var(--c3); */
}
	 .tabs-btn {
    margin-bottom: 20px;
}
	     .nav-pills .nav-link, .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        font-size: 15px;
        padding: 10px 15px;
    }
	     .tab-content-image {
        padding-top: 6px;
    }
	     .booking-image {
        height: 360px;
    }
	 .booking-content h4 {
    font-size: 17px;
}
	     .booking-content h2 {
        font-size: 32px;
    }
	     .form-input {
        margin: 3px 0px;
        margin-bottom: -10px;
    }
	     .follow-us-title.main-title{
        padding-bottom: 20px;
    }
	     section.follow-us {
        padding-top: 20px;
    }
	     .banner-title h2 {
        font-size: 39px;
    }
	 .banner-title span{
        font-size: 30px;
    }
	 .navigation-f ul {
    gap: 30px;
    flex-direction: column;
}
	     .f-icons {
        gap: 11px;
        flex-direction: row;
        align-items: center;
        margin-top: 20px;
    }
	     .f-info p {
        font-size: 15px;
        padding-bottom: 0px;
        padding-top: 0px;
        line-height: 22px;
        text-align: center;
    }
	 .f-info {
    padding-top: 20px;
}
	 .f-about {
    text-align: center;
}
	 .navigation-f {
    margin-bottom: 30px;
}
.f-bar p {
    font-size: 12px;
}
	     .price-item-content h2 {
        font-size: 22px;
        padding-top: 10px;
    }
	 .popular-content {
    text-align: start;
    padding: 0px 10px;
}
	     .our-work {
        padding: 20px 0px 0px 0px;
    }
	 .about-us-content p {
        text-align: start;
    }
	  .about-us-content h1 {
        text-align: start;
    }
	     .about-us-content h1 {
        padding-left: 30px;
    }
    .our-work-image img {
        height: 160px;
        width: 160px;
    }
	 .tip-top-logo {
    width: 45%;
    height: unset;
}
	 .our-team-image img {
    height: auto;
}
	 .form-intro {
    text-align: start;
}
    .follow-us-item {
        margin-bottom: 10px;
    }
	 .banner-nav-items ul li a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 10px;
}
	 .banner {
    background-position: 75% !important;
	background-size: unset !important; 
    background-attachment: unset !important;
}
	     .logo-hader , .about-us-image , .popular-image ,  .page-id-9 .our-work , .follow-us {
        display: none;
    }
	 .banner-nav-items ul {
    gap: 10px;
}
	 .inner-header {
    height: 200px;
}
	 .subscription-box {
    text-align: center;
}
	 .bulk-contact-form .modal-content {
    padding: 20px;
}
	 .price-item-content ul {
    margin: 4px 0px;
}

} 

/*for-small_mobile view-320*/

 @media only screen and (min-width: 100px) and (max-width: 374px) {
	 
	     .logo-hader {
        width: 98px;
    }
	 .logo-hader img {
        width: 85px;
        height: 90px;
    }
	     .about-us-image {
        height: 427px;
        border-right: 11px solid var(--c4);
    }
	     .about-us-content h1 {
        font-size: 34px;
    }
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
}