/*--Product page css start--*/
.product-banner{background: #171925 url(https://cdn.systweak.com/dpf/images/banner-bg.webp) no-repeat center top; overflow: hidden;  min-height:620px; padding-top: 57px;}
.pro-bnr-img{ padding: 0;padding-right: 2px; text-align: center;}
.pro-bnr-img img{ max-width: inherit; margin: 37px auto -20px;}
.pro-bnr-text{ padding: 127px 0 0 4px; position: relative;}
.pro-bnr-text .heading-1{ color: #ffffff; font-size: 32px; line-height: 40px; font-weight:600; margin:0 -50px 7px 0;}
.pro-bnr-text .heading-2{ color: #ffffff; font-size: 24px; line-height: 34px; margin: 0 0 10px; opacity: 0.6;}
.pro-bnr-text .dtl-text{ color: #c2c2c2; font-size: 16px; line-height: 24px; font-weight:400; opacity: .6;margin-bottom: 41px;}

.bnr-btn-col{}
.bnr-btn-col .bnr-btn{width: 232px; color: #ffffff; font-size: 20px;text-transform: uppercase; border: solid 2px rgba(255,255,255, 0.4); border-radius: 10px;background: #0082f0; padding: 23px 0 17px;
margin-right: 14px; box-shadow: initial; outline: none !important; transition:all 0.3s ease 0s;}

.bnr-btn-col .bnr-btn:hover{ background: #008aff;}
.bnr-btn-col .bnr-btn.active{ margin-right: 0; background: #29bf4c;}
.bnr-btn-col .bnr-btn.active:hover { background: #23ca4a;}
.bnr-btn-col .os-dtl-text{color: #ffffff; font-size: 14px; line-height: 24px;margin: 15px 0 0; }
.bnr-btn-col .bnr-btn .donw-icon{ width: 40px; height: 40px; display: inline-block; vertical-align: middle; background: #026fcb; border-radius: 40px;margin-top: -8px; margin-right: 8px;}
.bnr-btn-col .bnr-btn .cart-icon{ width: 40px; height: 40px; display: inline-block; vertical-align: middle; background: #1b9237; border-radius: 40px;margin-top: -8px; margin-right: 8px;}
.bnr-btn-col .store-btn{ width: auto; padding: 0; background: transparent; border: none;}
.bnr-btn-col .store-btn:hover{background: transparent;}
.bnr-btn-col .bnr-btn {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: transform ease-in-out 0.1s;
  -ms-transition: transform ease-in-out 0.1s;
  transition: transform ease-in-out 0.1s;
}
.os-cmt-col .os-btn:after, .bnr-btn-col .bnr-btn:after {
  content: "";
  position: absolute;
  bottom: -10px;
  height: 10px;
  width: 100%;
  left: 0;
  opacity: 0;
  -webkit-transition: all ease-in-out 0.500ms;
  -ms-transition: all ease-in-out 0.1s;
  transition: all ease-in-out 0.1s;
  background: -moz-radial-gradient(center, ellipse cover, #333a3e 0%, rgba(255, 255, 255, 0) 70%);
  background: -webkit-radial-gradient(center, ellipse cover, #333a3e 0%,rgba(255, 255, 255, 0) 70%);
  background: radial-gradient(ellipse at center, #333a3e 0%,rgba(255, 255, 255, 0) 70%);
}
.os-cmt-col .os-btn:hover:after, .bnr-btn-col .bnr-btn:hover:after {
  opacity: 0.4;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}
.os-cmt-col .os-btn:hover, .bnr-btn-col .bnr-btn:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px) !important;
  transform: translateY(-5px) !important;
}

.product-feature{background: #ffffff;}
.product-feature-col{padding: 57px 0 0;}
.pro-head-col .heading-3{color: #2e3240; font-size: 32px;line-height:46px; font-weight:600; margin:0 0 5px; text-align: center;}
.pro-head-col p{color: #6F747B; font-size: 15px;line-height:22px; margin-bottom: 32px; text-align: center; }
.pro-feature-list{padding: 25px 0 50px;}
.pro-feature-box{ overflow: hidden; padding-bottom:62px; transition:all 0.1s ease 0s;}
.pro-feature-box .feature-icon{ width: 108px; height: 108px; align-items: center;justify-content: center; float: left;  border: solid 1px transparent; text-align: center; padding: 5px 0; margin-right:16px;transition:all 0.5s ease 0s; }
.pro-feature-box .feature-text{ width: 60%; float: left;}
.feature-cleaner .pro-feature-box .feature-text{ width: 75%; }
.pro-feature-box .feature-text .heading-4{color: #181a23; font-size: 21px;line-height:32px;margin: 7px 0 11px; transition:all 0.5s ease 0s;}
.pro-feature-box:hover .feature-text .heading-5{color: #000000;}
.pro-feature-box .feature-text p{ color: #6d6d6d; font-size: 14px;line-height:20px;  font-weight:400;transition:all 0.5s ease 0s;}
.pro-feature-box:hover .feature-text p{color: #4e4e4e;}
/*Features css end */

/* How does Duplicate Photos Fixer work */
.hw-dpf-work-pro{ background: #2673C5;}
.dpf-work-content{ padding: 145px 60px 149px 0;}
.dpf-work-content .heading-5{ color: #ffffff; font-size: 32px;line-height:42px; font-weight:600; margin:0 0 15px; }
.dpf-work-content p{color: #ffffff; font-size: 18px;line-height:25px;font-weight:400; margin-bottom: 40px; }
.dpf-work-video-pro{ position: relative;}
.dpf-work-video-pro .circle-img-bg{ position: absolute; left: 56px; top: 85px;}
.dpf-work-video-pro .dpf-video-img{ max-width: inherit; position: relative; z-index: 2; margin-top: 48px; margin-left: -61px;}
/* How does Duplicate Photos Fixer work */

/* Why Choose Duplicate Photos Fixer work */ 
.choose-dpf-section{ background: #f1f5f7;}
.choose-dpf-section .ch-dpf-img img {margin-left: 14px;margin-top: 75px;}
.ch-dpf-text{ padding: 133px 0 135px 4px;}
.ch-dpf-text .heading-5{ color: #2e3240; font-size: 32px; line-height: 42px;font-weight:600; margin: 0 0 18px;}
.ch-dpf-text .ch-dtl-text{ color: #6A6F76; font-size: 15px; line-height: 25px; margin-bottom: 40px;}
.wh-bg-btn .os-dtl-text{ color: #6A6F76;}
.uninsLink{margin: 10px 0 0;color: #6A6F76;font-size: 14px;line-height: 24px;}
.uninsLink a{color: #6A6F76;font-size: 14px;line-height: 24px;}
.uninsLink a:hover{color: #0082f0;}
/* Why Choose Duplicate Photos Fixer work */
.pro-mac .pro-bnr-img img{ margin: 80px auto -20px;}
.choose-dpf-section .ch-dpf-img.ch-dpf-img-mac img {margin-left: 0px;margin-top: 35px;}

.pro-iphoto .pro-bnr-img img {margin: 95px auto -20px;}
.choose-dpf-section .ch-dpf-img.ch-dpf-img-iphoto img {margin-left: 5px;margin-top: 35px;}

.pro-cleaner .pro-bnr-img img {margin: 70px auto -20px;}
.choose-dpf-section .ch-dpf-img.ch-dpf-img-cleaner img {margin-left: 10px;margin-top: -5px;}

.pro-ios .pro-bnr-img img {margin: 65px auto -20px;}
.choose-dpf-section .ch-dpf-img.ch-dpf-img-ios img {max-width: inherit; margin-left: -140px;margin-top: 53px;}

.pro-android .pro-bnr-img img {margin: 70px auto -20px;}
.choose-dpf-section .ch-dpf-img.ch-dpf-img-android img {max-width: inherit; margin-left: -100px;margin-top: 47px;}
.dpf-work-video-pro .dpf-video-img.android-v-img{margin-top: 18px;margin-left: 100px;margin-bottom: -30px;}
@media(max-width:1199px){
.pro-feature-box .feature-icon img {
  height: auto;
}
.pro-bnr-img img {margin: 0 auto;max-width: 100%;}
.pro-bnr-img {padding: 60px 0 0;}
.pro-mac .pro-bnr-img img {margin: 20px auto 0;}
.pro-iphoto .pro-bnr-img img {margin: 50px auto 0;}
.pro-cleaner .pro-bnr-img img {margin: -10px auto -20px;}
.pro-ios .pro-bnr-img img {margin: 20px auto -20px;}
.pro-android .pro-bnr-img img {margin: 50px auto -30px;}
.pro-bnr-text, .mac-product .pro-bnr-text {padding: 80px 0;}
.pro-bnr-text .heading-1 {font-size: 36px;line-height: 46px; margin-right:0;}
.pro-bnr-text .heading-1 span {font-size: 26px;}
.pro-bnr-text .heading-2{font-size: 20px;line-height: 28px;margin: 0 0 5px;}
.pro-bnr-text .dtl-text {font-size: 18px;line-height: 28px; margin-right: 0;}
.bnr-btn-col.pro-btn-col1 .bnr-btn {width: 175px;font-size: 17px;padding: 12px 0;}
.bnr-btn-col .bnr-btn {width: 210px;padding:16px 0 10px;}
.bnr-btn-col .tm-text-tille {font-size: 18px; margin-bottom: 15px;}
.pro-btn-col1 {padding: 35px 0 0;}
.bnr-btn-col .os-dtl-text {font-size: 13px;margin: 6px 0 0;}
.product-banner {min-height: auto;}
.pro-feature-box .img-icon{ width: 80px; padding: 20px 0;float: none;margin: 0 auto;}
.pro-feature-box .img-icon img{ width: 35px;}
.pro-feature-box .ftr-text-col {width: auto;padding: 15px 0 0 0;text-align: center;float: none;}
.pro-feature-box{ background: inherit;padding-bottom: 50px;}
.pro-feature-list {padding: 15px 0 10px;}
.product-feature-col {padding: 50px 0 0;}
.feature-cleaner .pro-feature-box .feature-text{ width: 60%;}
.dpf-work-content {padding: 45px 0 50px;}
.pro-feature-box .feature-text .heading-4{line-height: 28px;margin: 0px 0 5px;}
.dpf-work-content {padding: 80px 0 70px 0;}
.dpf-work-video-pro .circle-img-bg {position: absolute;left: 80px;top: 90px;width: 320px;}
.dpf-work-video-pro .dpf-video-img {max-width: 100%;position: relative;z-index: 2;margin:70px auto 50px;}
.dpf-work-video-pro .dpf-video-img.ios-v-img{ margin-bottom: 0;}
.dpf-work-video-pro .dpf-video-img.android-v-img {margin-top: 34px;margin-left: 105px;margin-bottom: -30px;max-width: 60%;}
.choose-dpf-section .ch-dpf-text {padding: 55px 0 0;}
.ch-dpf-text .heading-5, .mac-choose .ch-dpf-text .heading-5,.iphoto-choose .ch-dpf-text .heading-5{font-size: 32px;line-height: 42px; margin: 0 0 15px;}
.choose-dpf-section .ch-dpf-img img{max-width: 100%;margin-left: 0;margin-top: 50px;}
.choose-dpf-section .ch-dpf-img.ch-dpf-img-ios img{max-width: 115%;margin-left: 0;margin-top: 90px;}
.choose-dpf-section .ch-dpf-img.ch-dpf-img-android img{max-width: 100%;margin-left: 0;margin-top: 70px;}
.ch-dpf-text .bnr-btn-col.pro-btn-col1 .tm-text-tille{ font-size: 18px;}
.ch-dpf-text .bnr-btn-col.pro-btn-col1 .bnr-btn{ width: 165px;} 
.choose-dpf-section{ padding-bottom: 90px;} 
}

@media(max-width:991px){
  .product-banner{ background-repeat: repeat;}
  .pro-bnr-text .dtl-text{font-size: 18px;line-height: 30px;margin-right: 0;margin-bottom: 25px;}
  .pro-bnr-img img {margin:-41px auto -80px;max-width: 100%;}
  .pro-mac .pro-bnr-img img {margin: 0px auto 0px;}
  .pro-iphoto .pro-bnr-img img {margin: 0 auto -10px;}
  .pro-cleaner .pro-bnr-img img {margin: 0 auto -60px;}
  .pro-ios .pro-bnr-img img {margin: 0 auto -18px;}
  .pro-android .pro-bnr-img img {margin: 0 auto 8px; border-bottom: solid 2px #000;}
  .pro-bnr-text .heading-1 {font-size: 38px;line-height: 50px;}
  .pro-bnr-text .heading-1 span {font-size: 28px;}
  .bnr-btn-col .tm-text-tille {font-size: 20px;line-height:24px; margin-bottom: 15px;}
  .bnr-btn-col.pro-btn-col1 .bnr-btn {width: 80%;font-size: 16px;padding: 12px 0;display: block;margin: 0 auto 15px;}
  .bnr-btn-col.pro-btn-col1 .bnr-btn {width: 46%;font-size: 16px;padding: 12px 0;display: inline-block;margin-right: 15px;}
  .bnr-btn-col.pro-btn-col1 .bnr-btn:last-child{ margin-right: 0;}
  .bnr-btn-col.pro-btn-col1 .bnr-btn.active{ margin-bottom: 0;}
  .bnr-btn-col .os-dtl-text {font-size: 13px;margin: 6px 0 0;line-height: 20px;}
  .uninsLink, .uninsLink a {font-size: 13px;line-height: 20px;}
  .pro-bnr-img {padding: 40px 0 0; text-align: center;}
  .pro-bnr-text {padding: 1px 0 0;}
  .pro-bnr-text, .mac-product .pro-bnr-text, .iphoto-product .pro-bnr-text {
    padding: 10px 0 40px;
    text-align: center;
}
.ch-dpf-text .heading-5{ line-height: 42px;}
.dpf-work-video-pro, .ch-dpf-img{ display:none !important;}
.choose-dpf-section {padding-bottom: 0;}
.choose-dpf-section .ch-dpf-text {padding-top: 5px;}
.choose-dpf-section .ch-dpf-text {padding: 40px 0 44px;}

.ch-dpf-text .bnr-btn-col.pro-btn-col1 .bnr-btn {width: 80%;margin: 0 auto 15px;display: block;}
.hw-work-slider p, .hw-work-slider .heading-5{ width: 96%;}

.mac-product .pro-bnr-img img {max-width: 100%;margin-top: 80px;}
.pro-bnr-text, .mac-product .pro-bnr-text, .iphoto-product .pro-bnr-text {padding: 10px 0 40px; text-align: center;}
.dpf-work-content {
  padding: 45px 0 50px;
}
.dpf-work-content .heading-5, .ch-dpf-text .heading-5 {
  margin-bottom: 5px;
}

.dpf-work-content p, .ch-dpf-text .ch-dtl-text {
  margin-bottom: 25px;
}
}

@media(max-width:767px){
  .product-banner{ background-repeat: repeat;}
  .product-banner .bnr-btn-col.pro-btn-col1.pro-wnd .bnr-btn.active{ margin-left: auto;}
  .pro-bnr-img {padding: 10px 0 0;text-align: center;}
  .dpf-cleaner-product .pro-bnr-img {padding: 10px 0 0;text-align: center;}
  .pro-bnr-img img{margin:-13px auto  -87px;max-width: 80%; height: auto;}
  .pro-mac .pro-bnr-img img {margin: 18px auto -22px;}
  .pro-iphoto .pro-bnr-img img {margin: 18px auto -26px;}
  .pro-cleaner .pro-bnr-img img {margin: 18px auto -83px;}
  .pro-ios .pro-bnr-img img {margin: 18px auto -32px;}
  .pro-android .pro-bnr-img img {margin: 18px auto -20px; height: auto;}
  .bnr-btn-col .os-dtl-text{margin: 0px 0 0;}
  .uninsLink{ margin-top: 5px;}
  .pro-bnr-text {padding:0 0 50px;text-align: center;}
  .pro-bnr-text .heading-1{ padding: 0; margin: 0;}
  .pro-bnr-text .heading-1 {font-size: 36px;line-height: 44px;}
  .pro-bnr-text .heading-1 span {font-size: 22px;}
  .pro-bnr-text .dtl-text {font-size: 20px;line-height: 30px;margin-bottom: 10px;}
  .pro-btn-col1 {padding: 25px 0 0;}
  .bnr-btn-col .tm-text-tille {font-size: 18px;}
  .pro-feature-box{ padding: 10px 0;}
  .pro-head-col p{ margin-bottom:20px;}
  .pro-head-col p br{ display: none;}
  .product-feature-col {padding: 40px 0 10px;}
  .benefit-outer {padding: 50px 0 10px;}
  .benefit-content {margin-bottom: 50px;}
  .benefit-box:hover{ background: transparent;}
  .hw-wk-content .heading-2 {font-size: 32px; margin: 50px 0 30px; padding: 0;}
  .hw-work-slider .carousel-indicators li {width: 23%;}
  .hw-work-slider .carousel-indicators{ margin: 0 0 30px; padding: 0;}
  .hw-wk-content{ margin: 0;}
  .hw-work-slider .slide-img {max-width: 100% !important;margin: 0 auto;}
  .hw-work-slider .heading-5{ padding: 0;}
  .hw-work-slider p{ padding: 0;}
  .pro-bnr-text, .mac-product .pro-bnr-text, .iphoto-product .pro-bnr-text {padding: 30px 0 40px;}
  .choose-dpf-section .ch-dpf-img img {max-width: 100%;margin: 0;float: none;}
  .ch-dpf-img {padding-right: 0;}
  .ftr-text-col p br{ display: none;}
  .bnr-btn-col.pro-btn-col1 .bnr-btn, .ch-dpf-text .bnr-btn-col.pro-btn-col1 .bnr-btn {width: 46%;font-size: 16px;padding: 12px 0;display: inline-block;margin:0; margin-right: 15px;}
  .bnr-btn-col.pro-btn-col1 .bnr-btn.active{ margin-right: 0;}
  .pro-feature-box .feature-icon{ margin-right:10px;}
}

@media only screen and (max-width:575px) {
  .pro-bnr-img img{margin:0px auto  -48px;max-width: 80%;}
  .pro-mac .pro-bnr-img img {margin: 18px auto -12px;}
  .pro-iphoto .pro-bnr-img img {margin: 18px auto -16px;}
  .pro-cleaner .pro-bnr-img img {margin: 18px auto -45px;}
  .pro-ios .pro-bnr-img img {margin: 18px auto -22px;}
  .pro-android .pro-bnr-img img {margin: 18px auto -10px;}
  .pro-bnr-text, .mac-product .pro-bnr-text, .iphoto-product .pro-bnr-text {padding: 20px 0 30px;}
  .pro-bnr-text .heading-1 {font-size: 26px;line-height: 36px;}
  .pro-bnr-text .heading-2 {font-size: 18px;line-height: 26px;margin: 0;}
  .pro-bnr-text .dtl-text {font-size: 16px;line-height: 26px;margin-bottom: 15px;}
  .bnr-btn-col .bnr-btn{margin: 0 auto !important;}
  .bnr-btn-col .bnr-btn{ margin-bottom:15px !important; display:block;}
  .pro-head-col .heading-3,.dpf-work-content .heading-5, .ch-dpf-text .heading-5{font-size: 26px;line-height: 36px;}
  .dpf-work-content p{font-size: 16px;line-height: 26px;}
  .pro-feature-box .feature-icon{ float:none; text-align:center; margin:0 auto;} 
  .pro-feature-box .feature-text, .feature-cleaner .pro-feature-box .feature-text {width: auto;float: none;text-align: center;}
  .pro-feature-list {padding: 5px 0 20px;}
  .dpf-work-content, .choose-dpf-section .ch-dpf-text{ text-align:center;}
  .bnr-btn-col .bnr-btn.store-btn:first-child, .bnr-btn-col .bnr-btn.store-btn{ padding:0; }

}