/* xxl end */



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

  .brand-layout1 .bg-shape {
    display: none
  }

  .header-top-layout1 .header-middle-area .action-box {
    padding-right: 30px;
    margin-right: 30px
  }

  .header-top-layout1 .header-middle-area .phone-box {
    display: none !important
  }

  .header-top-layout1 .header-middle-area .col-xl-6 {
    flex: 0 0 60%;
    max-width: 60%
  }

  .header-layout1 .main-menu>ul>li {
    margin: 0 5px
  }

  .header-top-layout1 .header-middle-area .action-box .content .text {
    font-size: 18px;
    letter-spacing: 0
  }

  .header-top-layout1 .header-middle-area .action-box .content span {
    font-size: 12px;
    letter-spacing: 0
  }

  .about-us-sec .experiance-box {
    padding: 40px 20px;
    min-width: 100%;
    margin-top: -60px;
    right: -20px
  }

  .about-us-sec .experiance-box .content .title {
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 10px
  }

  .about-us-sec .experiance-box .content .main-title {
    top: -27px;
    left: 25px;
    font-size: 38px;
    letter-spacing: 2px
  }

  .about-wrap-layout1 .action-area {
    padding-left: 25px;
    margin-top: -130px
  }

  .about-wrap-layout1 .action-area .action-box .content .text {
    font-size: 22px
  }

  .about-wrap-layout1 .action-area .action-box .icon span {
    font-size: 38px
  }

  .about-wrap-layout1 .action-area .action-box {
    padding-right: 20px;
    margin-right: 20px
  }

  .about-wrap-layout1 .about-title {
    font-size: 42px
  }

  .about-wrap-layout1 .about-title span {
    font-size: 68px
  }

  .about-wrap-layout1 .action-btn {
    padding-right: 15px
  }

  header .main-menu ul li {
    margin: 0 5px
  }

  .footer-layout1 .footer-wid-wrap .widget_contact p {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px
  }

  .footer-layout1 .footer-wid-wrap .footer-widget h3.widget_title {
    font-size: 20px
  }

  .footer-layout1 .footer-wid-wrap .widget-links ul li {
    margin-bottom: 7px
  }

  .widget:not(.footer-widget) {
    padding: 30px;
    margin-bottom: 30px;
    padding-top: 25px
  }
}

/* xl end */

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

  .brand-layout1 .bg-shape {
    display: none
  }

  header .main-menu>ul>li {
    margin: 0 7px
  }

  .header-middle-area .action-box {
    padding-right: 20px;
    margin-right: 20px
  }

  .about-us-sec.about-wrap-layout1 .experiance-box {
    padding: 30px 20px;
    min-width: 100%;
    margin-top: -30px;
    right: -20px
  }

  .about-us-sec.about-wrap-layout1 .experiance-box .content .title {
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom: 8px
  }

  .about-us-sec.about-wrap-layout1 .experiance-box .content .main-title {
    top: -25px;
    left: 20px;
    font-size: 32px;
    letter-spacing: 2px
  }

  .about-wrap-layout1 .about-title {
    font-size: 42px;
    letter-spacing: 1px
  }

  .about-wrap-layout1 .about-title span {
    font-size: 66px
  }

  .about-wrap-layout1 .action-area {
    margin-top: 40px;
    padding-left: 0
  }

  .footer-layout1 .footer-wid-wrap .widget_contact p {
    margin-bottom: 15px;
    font-size: 14px
  }

  .footer-layout1 .footer-wid-wrap .widget_contact p i {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    margin-right: 5px
  }

  .about-wrap-layout1 .action-btn {
    padding-right: 15px
  }

  .widget:not(.footer-widget) {
    padding: 20px;
    margin-bottom: 30px;
    padding-top: 15px
  }

  .sticky-header-wrap .main-menu ul li {
    margin: 0 8px
  }


}
/* lg end  */


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

  .brand-layout1 .bg-shape {
    display: none
  }

  .pb-100 {
    padding-bottom: 50px
  }

  .pt-100 {
    padding-top: 50px
  }

  .background-image {
    background-size: cover
  }

  .header-top-layout1 .header-top-wrap .container {
    width: 100%;
    max-width: 100%
  }

  .about-wrap-layout1 .about-title {
    font-size: 42px;
    letter-spacing: 0;
    margin-bottom: 25px
  }

  .about-wrap-layout1 .about-title span {
    font-size: 68px
  }

  .about-wrap-layout1 .about-us-img img {
    width: 100%
  }

  .about-us-sec .experiance-box {
    padding: 50px 40px;
    min-width: auto;
    margin-top: -60px;
    right: -20px;
    max-width: 70%
  }

  .about-wrap-layout1 .about-us-content {
    margin-left: 0;
    padding-top: 60px
  }

  .about-wrap-layout1 .action-area {
    position: relative;
    margin-top: 40px;
    padding-left: 0
  }

  .about-wrap-layout1 .action-area .action-box {
    padding-right: 20px;
    margin-right: 20px;
    position: relative
  }

  .footer-layout1 .footer-wid-wrap .footer-widget {
    margin-bottom: 30px
  }

  .footer-layout1 .footer-wid-wrap {
    padding-bottom: 40px
  }

  header .container {
    max-width: 100%
  }

  .about-wrap-layout1 .action-btn {
    padding-right: 15px
  }

  .widget_offer_banner {
    margin: 0 auto;
    max-width: 350px
  }
  


}

/* md end */

@media (max-width:767.98px) {

  .about-wrap-layout1 .action-area .action-box::before,
  .about-wrap-layout1:before,
  .brand-layout1 .bg-shape {
    display: none
  }

  .pb-100 {
    padding-bottom: 30px
  }

  .pt-100 {
    padding-top: 30px
  }

  .background-image {
    background-size: cover
  }

  .section-title {
    padding: 0 0;
    padding-bottom: 15px
  }

  .section-title .title {
    font-size: 28px
  }

  .circle-btn.xl {
    font-size: 46px;
    width: 100px;
    height: 100px;
    line-height: 100px
  }

  .about-us-sec .experiance-box .content .main-title,
  .header-top-layout1 {
    display: none
  }

  .about-wrap-layout1 .about-title {
    font-size: 30px;
    letter-spacing: 0;
    margin-bottom: 23px
  }

  .about-wrap-layout1 .about-title span {
    font-size: 58px
  }

  .about-wrap-layout1 .about-us-img img {
    width: 100%
  }

  .about-us-sec .experiance-box {
    padding: 30px 20px;
    min-width: auto;
    margin-top: 40px;
    right: 0;
    background-image: none;
    background-color: var(--theme-clr1)
  }

  .about-us-sec .experiance-box .content {
    width: -moz-calc(100%);
    width: 100%
  }

  .about-us-sec .experiance-box .content .title {
    font-size: 19px;
    letter-spacing: 0;
    margin-bottom: 10px
  }

  .about-us-sec .experiance-box .icon {
    margin-bottom: 30px
  }

  .about-wrap-layout1 .about-us-content {
    margin-left: 0;
    padding-top: 40px
  }

  .about-wrap-layout1 .sub-title {
    font-size: 28px;
    letter-spacing: 0;
    margin-bottom: 20px
  }

  .about-wrap-layout1 .action-area {
    margin-top: 15px;
    padding-left: 0
  }

  .about-wrap-layout1 .action-area .action-box .icon span {
    font-size: 38px;
    margin-bottom: 0
  }

  .about-wrap-layout1 .about-us-content .features-list ul li::before {
    position: absolute;
    left: 0;
    top: 4px
  }

  .about-wrap-layout1 .about-us-content .features-list ul li {
    margin-bottom: 4px;
    padding-left: 25px
  }

  .about-wrap-layout1 .action-area .action-box {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    margin-bottom: 10px
  }

  .about-wrap-layout1 .action-btn {
    float: none;
    margin-top: 20px
  }

  .our-featured-wrapper .single-featured .featured-icon {
    margin-bottom: -50px
  }

  .our-featured-wrapper .single-featured .shape {
    margin-left: -80px;
    width: 160px;
    height: 160px
  }

  .our-featured-wrapper .single-featured .featured-content {
    padding: 80px 20px;
    padding-bottom: 10px
  }

  .our-featured-wrapper .single-featured .featured-content .title {
    font-size: 25px;
    margin-bottom: 15px
  }

  .our-featured-wrapper .section-title {
    padding-bottom: 20px
  }

  .footer-layout1 .footer-wid-wrap {
    padding-bottom: 20px
  }

  .footer-layout1 .footer-wid-wrap .footer-widget {
    margin-bottom: 30px
  }

  .footer-layout1 .copyright-area .copyright .text {
    font-size: 14px
  }

  .footer-layout1 .copyright-area {
    padding: 20px 0
  }

  header .container {
    max-width: 100%
  }

  .shape-icon::before {
    width: 40px;
    height: 40px;
    margin-top: -20px
  }

  .footer-widget.widget_contact .widget_title {
    margin-bottom: 10px
  }

  .mobile-menu-wrapper .mean-menu-area {
    max-width: 200px
  }

  .widget_offer_banner {
    margin: 0 auto;
    max-width: 350px
  }

  .section-title .title {
    font-size: 28px;
    margin-bottom: 15px
  }

  .widget:not(.footer-widget) {
    padding: 20px 15px;
    margin-bottom: 40px;
    padding-top: 20px
  }

  header .header-logo {
    padding: 10px 0
  }

  .menuToggleBtn {
    font-size: 28px;
    margin-right: 10px
  }

  .sticky-header-wrap .logo {
    padding: 10px 0;
    max-width: 90px
  }


}
/* sm end */


@media (min-width:576px) and (max-width:767.98px) {
  .about-wrap-layout1 .action-area .action-box::before {
    display: inline-block
  }

  .about-wrap-layout1 .action-area .action-box {
    padding-right: 40px;
    margin-right: 40px;
    margin-bottom: 30px
  }

  .about-wrap-layout1 .about-title {
    font-size: 52px;
    margin-bottom: 37px
  }

  .about-wrap-layout1 .about-title span {
    font-size: 86px
  }

  .our-featured-wrapper .single-featured {
    max-width: 360px;
    margin: 0 auto
  }

  .footer-layout1 .footer-wid-wrap .widget_contact p:last-child {
    font-size: 14px
  }
}