@media screen and (max-width: 1023px) and (min-width: 768px){
  /*testi*/
  
  
  .bfQuickMode textarea {
    height: 100px !important;
}
  
  
      .bfQuickMode input, .bfQuickMode textarea {
        border: 0;
        border-bottom: 1px solid #000000;
        border-radius: 0;
        background-color: #EEE0D7;
    }
  #sppb-addon-847ef015-2441-49fa-9f07-f29f1534e565 {
    border-radius: 90px;
    padding-top: 50px;
    padding-right: 100px;
    padding-bottom: 50px;
    padding-left: 100px;
}

  
  .testi i.fa.fa-angle-right {
    margin-right: 40px;
}

  .testi i.fa.fa-angle-left {
    margin-left: 40px;
}
  
  
  li.item-396, 
li.item-397, 
li.item-398, 
li.item-399, 
li.item-406, 
li.item-400, 
li.item-403, 
li.item-407, 
li.item-401, 
li.item-402, 
li.item-404 {
    padding-bottom: 5px;
}
  
  
  li.item-363,li.item-372,
  li.item-373,
  li.item-374,li.item-368,li.item-370,li.item-371{
     padding-bottom: 5px;
  }
  
    ul.menu {
  list-style: none;
  padding: 0px;
  margin: 0;
}
  .sp-page-title {
    background: #204289;
    height: 240px;
}
  
  .sp-page-title .sp-page-title-heading {
    line-height: 1;
    font-family: 'Cormorant Garamond', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #204289 !important;
    padding: 75px 75px;
    text-align: center !important;
}
  
  .sp-page-title .breadcrumb {
    display: none;
}
  
  
  .title-style-001 h1 {
    font-size: 30px !important;
  }
  
  .title-style-001 h1 strong {
    font-size: 40px !important;
    text-transform: uppercase;
}
  
  .animatednumber .sppb-animated-number-title {
        font-family: Cormorant Garamond;
    }
  
  /*title style*/
  .sppb-addon.sppb-addon-text-block.title-style-001 h1{
    color:#000;
	font-size:30px !important;
}
  
	.sppb-addon.sppb-addon-text-block.title-style-001 h1 strong{
	display: block;
	color:#204289;
	font-size:40px !important;;
  }
  
   /*Primary Button*/
.btn-primary, .sppb-btn-primary {
 	font-size: 13px;  
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    padding: 10px 25px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  	color: #ffffff !important;
}

/* Hover effect for button */
.btn-primary:hover, .sppb-btn-primary:hover {
    transform: scale(1.1);
    box-shadow: 4px 5px 17px -4px #268391;
}

/* Create the animated background effect */
.btn-primary::before, .sppb-btn-primary::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2); /* Add background color */
    transform: skewX(45deg);
    z-index: -1;
    transition: width 1000ms;
}

/* Hover effect for expanding the background */
.btn-primary:hover::before, .sppb-btn-primary:hover::before {
    width: 250%;
}


/*Secondary Button-our lawyer-homepage*/
/* Existing secondary button styles */
.btn-secondary, .sppb-btn-secondary {
  	font-size: 13px;  
  	padding: 10px 25px;
    border-color: #EEE0D7 !important;
    background-color: #EEE0D7 !important;
    color: #000000 !important;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

/* Existing hover styles for secondary button */
.sppb-btn-secondary:hover {
    
}

/* New hover effect for scale and shadow */
.btn-secondary:hover, .sppb-btn-secondary:hover {
    transform: scale(1.1);
    box-shadow: 4px 5px 17px -4px #268391;
}

/* Create the animated background effect */
.btn-secondary::before, .sppb-btn-secondary::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2); /* Optional: Adjust to your preferred color */
    transform: skewX(45deg);
    z-index: -1;
    transition: width 1000ms;
}

/* Hover effect for expanding the background */
.btn-secondary:hover::before, .sppb-btn-secondary:hover::before {
    width: 250%;
}

  /*info button*/
   .btn-info, .sppb-btn-info {
     	font-size: 13px; 
        background-color: #EEE0D7 !important;
        border-color: #EEE0D7 !important;
        color: #000000;
        padding: 10px 30px;
        transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
        cursor: pointer;
        position: relative;
        overflow: hidden;
    }


/* Hover effect for button */
.btn-info:hover, .sppb-btn-info:hover {
    transform: scale(1.1);
    box-shadow: 4px 5px 17px -4px #268391;
  	border-color: #EEE0D7;
    background-color: #EEE0D7;
  	color:#000000;
}

/* Create the animated background effect */
.btn-info::before, .sppb-btn-info::before {
    content: "";
    position: absolute;
    left: -50px;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.2); /* Add background color */
    transform: skewX(45deg);
    z-index: -1;
    transition: width 1000ms;
}

/* Hover effect for expanding the background */
.btn-info:hover::before, .sppb-btn-info:hover::before {
    width: 250%;
}

  
  /*dentist section*/
  
.dentistbg:before {
    content: "";
    position: absolute;
    top: -10px;
    right: -128px;
    background-image: url(/images/00-SigmaDental/Home/dentist/ourdentist3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 383px;
    height: 283px;
    z-index: -1;
}
 
  .dentist:before {
    content: "";
    position: absolute;
    top: 175px;
    right: 247px;
    background-image: url(/images/00-SigmaDental/Home/dentist/ourdentist2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    z-index: 9;
}
   .dentist:after {
        content: "";
        position: absolute;
        top: 0%;
        right: 38%;
        background-image: url(/images/00-SigmaDental/Home/Testi/SigmaDental.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 90vw;
        height: 90vw;
    }
  
  .dentistbg:after {
    content: "";
    position: absolute;
    top: 250px;
    right: 0px;
    background-image: url(/images/00-SigmaDental/Home/dentist/ourdentist1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 80px;
    height: 80px;
    z-index: -1;
}
  
  
  
  
  
  /*testi section*/
  #sppb-addon-a1f2a7da-166a-4a6e-b915-475e69595f16 .sppb-carousel-extended-nav-control .nav-control {
    width: 108px !important;
  }
  
  
  #sppb-addon-a1f2a7da-166a-4a6e-b915-475e69595f16 .sppb-carousel-extended-item {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 60px;
  }
  
  
  
 
/*feature box box shadow*/
 div#column-wrap-id-63a8fe2c-6eb1-4d7e-9232-39adbfe79d4a {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 60px;
    background-color: #ffffff;
}
div#column-wrap-id-36b66cf1-e65c-4a64-a813-b8d5d5c4d9da{
  	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 60px;
	 background-color: #ffffff;
  }
div#column-wrap-id-65b2f8de-4b97-4bf0-aaa5-daf421fac96b{
  	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 60px;
   background-color: #ffffff;
}


div#column-id-e88a513a-e5af-47b2-9296-eab86fb54058 {
    border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

div#column-id-460116a0-302b-4fee-9a97-ca74c6200d32{
   border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

div#column-id-61041506-46b3-4b3f-a3ed-016576aeed2a{
  	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}


div#column-id-39b110c9-b74e-4272-8512-2b1b4baf6271{
	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
 
}

div#column-id-3bdb7181-57de-4320-ab3d-32de6bdad6cc{
	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  	
}

div#column-id-535222f1-df09-405f-919e-93acf601466e{
	border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  	
}

  
  .sppb-carousel-extended-item {
        text-align: center;
        background-color: #ffffff;
        border-radius: 90px;
        box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.2);
        height: 300px;
    }
  
    .alignerhome:before {
        content: "";
        position: absolute;
        top: 12%;
        right: -12%;
        background-image: url(/images/00-SigmaDental/Home/alignernnbraces/Ellipse441.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 10vw;
        height: 10vw;
    }
  
        .testi:before {
        content: "";
        position: absolute;
        top: 23%;
        left: -7%;
        background-image: url(/images/00-SigmaDental/Home/Testi/testi.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 12vw;
        height: 12vw;
    }
  
     .testi:after {
        content: "";
        position: absolute;
        top: 0%;
        right: 20%;
        background-image: url(/images/00-SigmaDental/Home/Testi/SigmaDental.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 90vw;
        height: 90vw;
    }
  
      .testi .sppb-carousel-extended-outer-stage {
        padding: 20px 0px;
    }
  
  
      span.sppb-carousel-extended-dot-indicator.active {
        background-color: #204289 !important;
    }
  
  
      .aboutus:before {
        content: "";
        position: absolute;
        top: 4%;
        left: -45%;
        background-image: url(/images/00-SigmaDental/Home/about/aboutuseclipse1pinkbig.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 70vw;
        height: 70vw;
    }
  
         .aboutus:after {
        content: "";
        position: absolute;
        top: 51%;
        right: -4%;
        background-image: url(/images/00-SigmaDental/Home/about/aboutuseclipse2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 10vw;
        height: 10vw;
    }
  
      .alignerhome:before {
        content: "";
        position: absolute;
        top: 13%;
        right: -5%;
        background-image: url(/images/00-SigmaDental/Home/alignernnbraces/Ellipse441.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 11vw;
        height: 11vw;
    }
  
      .implant1:before {
        content: "";
        position: absolute;
        bottom: 41%;
        left: -1%;
        background-image: url(/images/00-SigmaDental/Home/implant/Ellipse446.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 60vw;
        height: 60vw;
    }
    .implant1:after {
        content: "";
        position: absolute;
        top: 8%;
        left: 54%;
        background-image: url(/images/00-SigmaDental/Home/implant/shutterstock2505529899.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 36vw;
        height: 36vw;
    }
  
     .implant2:after {
        content: "";
        position: absolute;
        top: 85%;
        left: -2%;
        background-image: url(/images/00-SigmaDental/Home/implant/Ellipse444.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 8vw;
        height: 8vw;
    }
  
          .implant2:before {
        content: "";
        position: absolute;
        bottom: 89%;
        left: 82%;
        background-image: url(/images/00-SigmaDental/Home/implant/Ellipse442.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 10vw;
        height: 10vw;
    }
  
      .vision img.sppb-img-responsive {
        width: 80px;
    }
  
  /*about*/

  
      .comprehensive:before {
        content: "";
        position: absolute;
        bottom: 18%;
        right: -6%;
        background-image: url(/images/00-SigmaDental/Aboutus/commm.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 80vw;
        height: 80vw;
    }

  
    .comp:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 4%;
    background-image: url(/images/00-SigmaDental/Aboutus/comm.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 6vw;
    height: 6vw;
}
  
  .ourdent:before {
        content: "";
        position: absolute;
        top: 10%;
        left: -30%;
        background-image: url(/images/00-SigmaDental/Aboutus/dentist2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 60vw;
        height: 60vw;
    }

.ourdent:after {
        content: "";
        position: absolute;
        top: 91%;
        left: 77%;
        background-image: url(/images/00-SigmaDental/Aboutus/dentist1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 9vw;
        height: 9vw;
        z-index: 4;
    }
  
  
  
  /*aligner*/
  
    .align:before {
        content: "";
        position: absolute;
        bottom: -12%;
        right: 87%;
        background-image: url(/images/00-SigmaDental/AlignerBraces/aligner2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 11vw;
        height: 11vw;
    }


/*orthod*/


.orthodontic:before {
    content: "";
    position: absolute;
    bottom: 750px;
    right: 1090px;
    background-image: url(/images/00-SigmaDental/AlignerBraces/orthod2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 120px;
    height: 120px;
}

.orthodontic:after {
    content: "";
    position: absolute;
    bottom: 90px;
    left: 330px;
    background-image: url(/images/00-SigmaDental/AlignerBraces/orthod4.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1040px;
    height: 1040px;
}


.orthodontic1:before {
    content: "";
    position: absolute;
    bottom: 20px;
    right: 600px;
    background-image: url(/images/00-SigmaDental/AlignerBraces/orthod1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}

.orthodontic1:after {
    content: "";
    position: absolute;
    top: 20px;
    right: -60px;
    background-image: url(/images/00-SigmaDental/AlignerBraces/orthod3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100px;
    height: 100px;
    z-index: 10;
}
  .myobrace:after {
    content: "";
    position: absolute;
    top: 16%;
    right: 83%;
    background-image: url(/images/00-SigmaDental/Ourservice/myobrace2.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 12vw;
    height: 12vw;
    z-index: 3;
}

.myobrace:before {
    content: "";
    position: absolute;
    bottom: 17%;
    right: 55%;
    background-image: url(/images/00-SigmaDental/Ourservice/myobrace1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 8vw;
    height: 8vw;
    z-index: 5;
  }
  
      .aligner:before {
        content: "";
        position: absolute;
        top: 17%;
        right: 43%;
        background-image: url(/images/00-SigmaDental/AlignerBraces/aligner3.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 72vw;
        height: 72vw;
    }

  
      .aligner:after {
        content: "";
        position: absolute;
        top: 23%;
        left: 43%;
        background-image: url(/images/00-SigmaDental/AlignerBraces/aligner1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 8vw;
        height: 8vw;
        z-index: 2;
    }
  
 
  .bottom3 img.sppb-img-responsive {
    width: 30px;
}
  
  
.pae:before {
        content: "";
        position: absolute;
        bottom: 67%;
        right: 34%;
        background-image: url(/images/00-SigmaDental/Ourservice/pae2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 12vw;
        height: 12vw;
        z-index: 8;
    }

    .pae:after {
        content: "";
        position: absolute;
        bottom: 30%;
        right: 3%;
        background-image: url(/images/00-SigmaDental/Ourservice/pae1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 10vw;
        height: 10vw;
    }
  
          .wisdom:after {
        content: "";
        position: absolute;
        bottom: 62%;
        left: 5%;
        background-image: url(/images/00-SigmaDental/Ourservice/wisdom1.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 13vw;
        height: 13vw;
        z-index: 7 !important;
    }
  
      .wisdom:before {
        content: "";
        position: absolute;
        bottom: 27%;
        right: 55%;
        background-image: url(/images/00-SigmaDental/Ourservice/wisdom2.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 7vw;
        height: 7vw;
        z-index: 5;
    }

  .contact:before {
        content: "";
        position: absolute;
        top: 36%;
        left: -6%;
        background-image: url(/images/00-SigmaDental/ContactSigma/contact.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 50vw;
        height: 50vw;
    }
  
  .article-list .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Set two columns for larger screens */
    gap: 20px; /* Add spacing between the articles if needed */
}
  
  
}