#blog .shadow-effect {
     background: #fff;
     padding: 0px;
     border-radius: 4px;
     text-align: center;
     border: 1px solid #ECECEC;
     box-shadow: 0 19px 38px rgba(0, 0, 0, 0.10), 0 15px 12px rgba(0, 0, 0, 0.02);
 }

#blog #customers-testimonials .shadow-effect p {
    font-family: inherit;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 0 17px 0;
    font-weight: 300;
    padding: 5px;
}
  #blog .testimonial-name {
     margin: -17px auto 0;
     display: table;
     width: auto;
     background: #3190E7;
     padding: 9px 35px;
     border-radius: 12px;
     text-align: center;
     color: #fff;
     box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
 }

  #blog #customers-testimonials .item {
     text-align: center;
     padding: 10px;
     margin-bottom: 80px;
     opacity: 1;
     -webkit-transform: scale3d(0.8, 0.8, 1);
     transform: scale3d(0.8, 0.8, 1);
     -webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 #blog #customers-testimonials .owl-item.active.center .item {
     opacity: 1;
 
 }

  #blog .owl-carousel .owl-item img {
     transform-style: preserve-3d;
     /* max-width: 90px; */
     margin: 0 auto 17px;
 }

#blog #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #blog #customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #blog #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
    background: #a2a4ad;
    transform: translate3d(0px, -50%, 0px) scale(0.7);
}

  #blog #customers-testimonials.owl-carousel .owl-dots {
     display: inline-block;
     width: 100%;
     text-align: center;
 }

  #blog #customers-testimonials.owl-carousel .owl-dots .owl-dot {
     display: inline-block;
 }
#blog #customers-testimonials.owl-carousel .owl-dots .owl-dot span {
    background: #ffffff;
    display: inline-block;
    height: 20px;
    margin: 0 2px 5px;
    transform: translate3d(0px, -50%, 0px) scale(0.3);
    transform-origin: 50% 50% 0;
    transition: all 250ms ease-out 0s;
    width: 20px;
    border-radius: 100%;
}
#blog .owl-nav {
    position: absolute;
    top: 50%;
}


#icon-content2{
    display:none;
}

.place-on-circle-2:hover #icon-content2{
    display:block;
}
.place-on-circle-2:hover #icon-content1{
    display:none;
}



#blog .owl-carousel .owl-stage-outer {
 
    margin-top: -70px;
}







@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .has-center {

    width: 200px;

}
   #item-carousel.owl-carousel .owl-stage-outer {

    height: 350px;
}
    
    .circle-container {

    width: 320px;
    height: 320px;

}
    .apps-circle {
    width: 320px;
    height: 320px;

}
    .circle-container .feature-circle:nth-of-type(1) {

    transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
}
    .circle-container .feature-circle:nth-of-type(2) {

    transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
}
    .circle-container .feature-circle:nth-of-type(3) {

    transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
}
    .circle-container .feature-circle:nth-of-type(4) {

    transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
}
    .circle-container .feature-circle:nth-of-type(5) {

    transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
}
    .circle-container .feature-circle:nth-of-type(6) {

    transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
}
    .circle-container .feature-circle:nth-of-type(8) {
 
    transform: translateZ(0) rotate(-315deg) translate(160px) rotate(314deg);
}
    .circle-container .feature-circle:nth-of-type(7) {
    opacity: 1;
    transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
}
    .feature-circle img{
        width:70%;
    }
}

#blog .shop_now_button {
    width: 190px;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    background: black!Important;
}






@media only screen and (max-width: 1280px){
#blog .owl-item {
    width: 370px!important;
    margin: 0 auto;
    }}

@media only screen and (max-width: 992px){
#blog .owl-item {
    width: 270px!important;
    margin: 0 auto;
    }
    .blog-bg {

    height: 750px;
}


#blog #customers-testimonials .item {

    padding: 10px;
  
}
    
    #blog .owl-carousel .owl-stage-outer {
 
    margin-top: -70px;
}

}


@media only screen and (max-width: 768px){
    .single-product-wrapper .product-description .hover-content {
    display: none!important;
}
        .has-center {
    position: relative;

    top: 50%;
    left: 50%;
    font-size: 14px;
    height: 100%;
    width: 80%;
    transform: translateZ(0) translateY(-50%) translateX(-50%);
}

    
    .circle-container {

   display:none;

    }
.sc_button {

    font-size: 0.8rem;
 
}
    .section-spacing {
    padding: 30px 0px;
}
.apps-circle {
    width: 100%;
    height: 1600px;
    border-radius: 100%;
    margin: 10px auto;
    position: relative;
}
    .blog-bg {

    height: 700px;
}
        #icon1-content h3:before {
    background: url(../images/icons/circle_icon_1.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_1.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
    #icon2-content h3:before {
    background: url(../images/icons/circle_icon_2.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_1.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
        #icon2-content h3:before {
    background: url(../images/icons/circle_icon_3.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_3.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
        #icon3-content h3:before {
    background: url(../images/icons/circle_icon_4.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_4.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
            #icon4-content h3:before {
    background: url(../images/icons/circle_icon_1.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_1.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
    #icon5-content h3:before {
    background: url(../images/icons/circle_icon_2.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_1.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
        #icon6-content h3:before {
    background: url(../images/icons/circle_icon_3.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_3.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
        #icon7-content h3:before {
    background: url(../images/icons/circle_icon_4.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_4.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
   
           #icon8-content h3:before {
    background: url(../images/icons/circle_icon_4.svg) CENTER CENTER NO-REPEAT;
    content: url(../images/icons/circle_icon_4.svg);
    width: 41px;
    height: 41px;
    position: absolute;
    margin: -13% 0px auto 50px;
}
   
   
    
        #icon1-content{
height:240px;
    }
    
    #icon2-content{
height:240px;
    }
      #icon3-content{
    height:240px;
    }
      #icon4-content{
   height:240px;
    }
      #icon5-content{
  height:240px;
    }
      #icon6-content{
    height:240px;
    }
      #icon7-content{
    height:240px;
    }
      #icon8-content{
   height:240px;
    }

}