/*phone version*/
@media only screen and (max-width: 768px) and (min-width: 320px){
  .sppb-addon-sp-slider.sp-slider .sp-dots ul {
    margin: -10px;
  }
  
  #sppb-addon-1697072916796 h1.sppb-addon-title {
    margin: -47px 0px 0px 18px !important;
  }
  
  .pattern1 {
    position: relative;
    max-width: 120px;
  }
  
  #sppb-addon-1699319405617 h1.sppb-addon-title {
    margin: -135px 0px 0px 0px !important;
  }
  
  #sppb-addon-1697073374067 h1.sppb-addon-title {
    margin: 160px 0px 0px 40px !important;
  }
  
  .slide-effect .sppb-carousel-extended-heading {
    font-size: 50px;
    letter-spacing: 2px  !important;
  }
  .slide-effect .sppb-carousel-extended-item img {
    width: 100% !important;
    margin-left: 0px !important;
   }
  
  #column-id-1698917784018 {
    padding: 50px !important;
    margin-top: 65px !important;
    margin-bottom: -50px !important;
  }
  
  #sppb-addon-1697073374189 h1.sppb-addon-title {
    margin: 68px 0px 0px -14px !important;
    white-space: nowrap;
  }
  
  .sp-simpleportfolio .sp-simpleportfolio-filter ul li a {
    padding: 8px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
   }
  
  .project:before {
    position: absolute;
    content: "Our Artwork";
    font-size: 50px;
    font-family: 'Playfair Display', sans-serif;
    font-weight: 400;
    color: rgba(122,74,51,0.5);
    top: 280px;
    bottom: 0px;
    right: 0px;
    left: 10px;
    margin: auto;
    background-repeat: no-repeat;
    z-index: -10 !important;
   }
  
  .com-spsimpleportfolio #sp-main-body {
    margin-top: 20px;
   }
  
  #column-id-1699326802054 {
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 20px;
  }
  
  .sppb-btn.sppb-btn-primary:focus{
    box-shadow: none !important;
    outline: 0 !important;
  }
  
  #sppb-addon-1699319405648 .sppb-btn.sppb-btn-primary{
    font-size: 14px;
    padding: 10px 45px;
    color: #fff !important;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 27px;
  }

  #sppb-addon-1699319405648 .sppb-btn.sppb-btn-primary:hover{
    border: 1px solid #7A4A33;
    background-color: #7A4A33;
    color: #FFF !important;
  }
  
  .pattern6:before{
    width: 350px;
    height: 350px;
    right: -300px;
  }
  
  #column-id-1698989776430, #column-id-1698989776436{
    margin-left: 0px !important;
  }
  
  #column-id-1698989777167, #column-id-1698989777200 {
    margin-left: 0px !important;
  }
  
  /*next page- quality assurance*/
  #column-id-1699337444670, #column-id-1699337444673, #column-id-1699337444676, #column-id-1699337444679{
    box-shadow: 0px 3px 15px rgba(0,0,0,.3) !important;
    border-radius: 20px;
    background: #fff;
  }
  
  .project-slide .sppb-carousel-extended-outer-stage {
    height: 200px !important;
  }
  
  #column-id-1699335084869, #column-id-1699335084871, #column-id-1699335084873, #column-id-1699335084865, #column-id-1699335084880 {
    box-shadow: 0px 3px 15px rgba(0,0,0,.3) !important;
    padding: 25px !important;
    border-radius: 20px !important;
    background: #fff !important;
  }
  .sp-page-builder .page-content #section-id-1699335084868 {
    margin-top: -50px !important;
  }
 
  .sp-page-title {
    padding: 120px 0 70px;
  }
  
  h1{
    font-size: 50px !important;
    line-height: 50px !important;
  }
  h2{
    font-size: 40px !important;
    line-height: 40px !important;
  }
  body{
    font-size: 14px !important;
  }
}

/*small phone*/
@media screen and (max-width: 374px) and (min-width: 250px){
  .sppb-addon-sp-slider.sp-slider .sp-dots ul {
    margin: -10px;
  }
  
  #sppb-addon-1699335084856 h1.sppb-addon-title {
    margin: -58px 0px 0px 0px !important;
  }
  
  h1{
    font-size: 40px !important;
    line-height: 40px !important;
  }
}