/* Max Width 1365 PX */
@media all and (max-width: 1365px){
  .Tailored-right-content {
    padding: 20px 0px;
    padding-right: 20px;
  }
}
  
  /* Max Width 1200 PX */
@media all and (max-width: 1199px){
  .heading1 {
    font-size: 65px;
  }
  .heading2 {
    font-size: 40px;
  }
  .heading3 {
    font-size: 34px;
  }
  .heading4 {
    font-size: 30px;
  }
  .heading5 {
    font-size: 22px;
  }
  .font25px {
    font-size: 20px;
  }
  .font23px {
    font-size: 20px;
  }


  /* Header area css */
  .header-nav nav ul li:after{
    height: 33px;
  }
  .header-nav nav ul li {
    padding: 0 20px;
  }
  .header-nav nav ul li a {
    font-size: 18px;
  }
  .logo {
    font-size: 20px;
  }


  /* Banner css */
  .banner-top-content ul {
    margin-bottom: 25px;
    margin-top: 30px;
  }
  .banner-bottom-content {
    margin: 100px auto;
    margin-bottom: 0px;
  }
  .banner-top-content ul li a {
    font-size: 25px;
  }
  .banner-top-content ul li a span {
    margin-left: 6px;
  }
  .banner-top-content .btn-success {
    font-size: 24px;
    padding: 6px 23px;
  }
  .form-label {
    font-size: 24px;
  }
  .stroke {
   top: -80px;
  }
  .fill {
    top: -80px;
  }


  /* Tailored-area css */
  .Tailored-right-content .heading2 {
    padding-bottom: 10px;
     max-width: 444px;
  }
  .Tailored-right-content .btn-success {
    font-size: 30px;
    margin-top: 50px;
  }
  .Tailored-right-content .font25px {
    padding-top: 24px;
  }

  /* Service area */
  .Services-area {
    padding: 100px 0px;
  }
  .Services-content {
    gap: 40px 40px;
    margin-bottom: 80px;
  }
  .Services-title {
    padding-bottom: 40px;
  }
  .single-services img {
    max-width: 70px;
  }
  .Services-card-content {
    gap: 40px 40px;
  }

  /* About area css */
  .About-area {
    padding: 100px 0px;
  }

  /* Contact area css */
  .Contact-area {
    padding: 120px 0px;
  }
  .contact-info .heading2 {
    font-size: 50px;
  }
  .contact-info .font31px {
    font-size: 25px;
  }
  .contact-info .font31px.fw-bold {
    text-underline-offset: 15px;
  }

  /* footer area css */
  .footer-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .whatapp-btn {
    right: 10px;
  }
  .whatapp-btn a img {
    width: 100px;
    height: 100px;
  }
	
}
/* Min Width 992 PX */
@media all and (min-width: 992px){
  .header-nav nav ul{
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
  .header-nav nav{
    display: block !important;
  }
}
/* Max Width 991 PX */
@media all and (max-width: 991px){
 /* Mobile menu ----------------------------*/
	.mobile-menu {
		display: block;
	}
  .header-menu{
    position: relative;
  }
  .header-nav nav{
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 100%;
    left: 0;
    background:#FFF;
    z-index: 1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding:40px 0;
    box-sizing: border-box;
    text-align: center;
    display: none;
  }
  .header-nav nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .header-nav nav ul li{
      margin-bottom: 15px;
  }
  .header-nav nav ul li:after{
    position: inherit;
  }
  .mobile-header-btn{
  display: inline-block;
  }
  .desk-header-btn{
    display: none;
  }

  /* Tailored area css */
  .Tailored-area {
    padding-top: 30px;
  }
  .Tailored-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .Tailored-image .Tailored-img-mobile{
    display: block;
  }
  .Tailored-image .Tailored-img-desk{
    display: none;
  }
  .Tailored-right-content {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 20px 20px;
    max-width: 100%;
  }
  .Tailored-image {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .Tailored-image img{
    max-height: 500px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .Tailored-right-content .btn-success {
    padding: 8px 31px;
    font-size: 23px;
  }
  .Tailored-right-content .btn-success img {
    height: 35px;
    width: 35px;
  }
  /* service area start */
  .Services-content {
    gap: 40px 20px;
  }
  .Services-title .font25px br{
    display: none;
  }
  .Services-card-content {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }
  
  /* About area start */
  .about-content {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
  }

  /* contact area start */
  .contact-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    gap: 50px;
  }
  .contact-form {
    max-width: 100%;
  }
}

/* Max Width 768 PX */
@media all and (max-width: 767px){	
  .heading1 {
    font-size: 50px;
  }
  .heading2 {
    font-size: 35px;
  }
  .heading3 {
    font-size: 30px;
  }
  .heading4 {
    font-size: 26px;
  }
  .heading5 {
    font-size: 20px;
  }
  .font25px {
    font-size: 18px;
  }
  .font23px {
    font-size: 16px;
  }


  /* banner area start */
	.banner-area {
    padding-top: 140px;
    padding-bottom: 60px;
  }
  .banner-bottom-content {
    margin: 50px auto;
    margin-bottom: 0px;
  }
  .banner-top-content:before {
    right: -15px;
    top: 12px;
    width: 100px;
    height: 45px;
  }  
  .banner-top-content:after {
    left: -15px;
    top: 12px;
    width: 100px;
    height: 45px;
  }
  .banner-top-content {
    padding: 40px 0px;
    padding-bottom: 49px;
  }
  .banner-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .banner-form .input-item {
    max-width: 100%;
  }
  .banner-form-btn{
    width: 100%;
  }
  .banner-form-btn .invisible{
    display: none;
  }
  .btn-primary {
    font-size: 20px;
    height: 50px;
    width: 100%;
  }
  .input-item .form-control {
    font-size: 20px;
  }
  .form-label {
    font-size: 20px;
  }
  .banner-top-content ul li a {
    font-size: 20px;
  }
  .banner-top-content .btn-success {
    font-size: 20px;
  }

  .stroke {
   top: -60px;
  }
  .fill {
    top: -60px;
  }
  .heading-wrapper {
    margin-top: 60px;
  }
  /* Tailored area css  */
  .Tailored-right-content .heading2 {
    max-width: 389px;
  }
  /* Service area start */
  .Services-content {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  
  .Services-card-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .single-service-card >img {
    max-height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }

  /* about area start */
  .About-area {
    padding-top: 40px;
  }
  .about-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .user-profile-details {
    padding: 35px 30px 35px 30px;
  }
  .about-content {
    gap: 35px 30px;
  }

  /* contact area start */
  .Contact-area {
    padding: 100px 0px;
  }
  .contact-form .input-item .form-label {
    font-size: 18px;
  }
  .contact-info .heading2 {
    font-size: 40px;
  }
  .contact-info .font31px {
    font-size: 20px;
  }
  .contact-info .font31px.fw-bold {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  
  /* Footer area start */
  .footer-content {
    gap: 35px 40px;
  }
}

@media all and (max-width:575px){

  /* service area start */
  .Services-content {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
  .single-service-card >img {
    max-height: 300px;
  }
}

@media all and (max-width:450px){
  .heading1 {
    font-size: 40px;
  }
   .heading2 {
    font-size: 33px;
  }
  .heading3 {
    font-size: 28px;
  }
  .heading4 {
    font-size: 22px;
  }
  .banner-top-content ul {
    gap: 10px 20px;
  }
  .input-item .form-control {
    font-size: 18px;
  }
  .btn-primary {
    font-size: 18px;
    height: 46px;
  }
  .whatapp-btn a img {
    width: 80px;
    height: 80px;
  }
  .stroke {
   top: -50px;
  }
  .fill {
    top: -50px;
  }
  .heading-wrapper {
    margin-top: 70px;
  }
}