.prd-submenu { position: relative;}
.slimScrollDiv { display: none; }
.left-menu>li.active .prd-submenu {width: 174px;}


/* product list page */
.products-banner{background-repeat:no-repeat;min-height:440px;border-bottom:1px solid #e1e4e6;padding-top:100px;padding-bottom:100px;background-position:top center}
.dmf-music-banner .product-banner-heading{margin-top:40px}
.product-banner-heading{color:#fff;font-size:4.333rem;margin:0 0 10px}
.product-banner-subheading{color:#fff;font-size:1.4333rem} 
.left-menu>li.active>a{color:#000000}
.left-menu>li>a.active{color:#ff6464}

.windows-banner{background-image:url(../jpg/banner-windows.jpg)}
.mac-banner{background-image:url(../jpg/banner-mac.jpg)}
.android-banner{background-image:url(../jpg/banner-android.jpg)}
.iphone-banner{background-image:url(../jpg/banner-iphone.jpg)}
.photos-banner{background-image:url(../jpg/banner-photo.jpg);min-height:490px}
.dmf-music-banner{background-image:url(../jpg/banner-music.jpg);min-height:600px}
.rb-banner{background-image:url(../jpg/banner-backup.jpg)}

.osdependent .mainistabcls{display:none} 
.rb-page-top .photo-product-head .learn-more.mainistabcls{display:none}
.osdependent .mainistabcls.tabvisible{display:block} 
.osdependent .download-btns.mainistabcls.tabvisible{display:inline-block} 
.rb-page-top .photo-product-head .learn-more.mainistabcls.tabvisible{display:inline-block}

@media(min-width:1367px) and (max-width:1600px){
    .windows-banner{background-image:url(../jpg/banner-windows-2.jpg);background-position:top right}
    .mac-banner{background-image:url(../jpg/banner-mac-2.jpg)}
    .android-banner{background-image:url(../jpg/banner-android-2.jpg)}
    .iphone-banner{background-image:url(../jpg/banner-iphone-2.jpg)}
    .photos-banner{background-image:url(../jpg/banner-photo-2.jpg)}
    .rb-banner{background-image:url(../jpg/banner-backup-2.jpg)}
}
@media(min-width:1025px) and (max-width:1366px){ 
    .windows-banner{background-image:url(../jpg/banner-windows-3.jpg);}
    .mac-banner{background-image:url(../jpg/banner-mac-3.jpg)}
    .android-banner{background-image:url(../jpg/banner-android-3.jpg)}
    .iphone-banner{background-image:url(../jpg/banner-iphone-3.jpg)}
    .photos-banner{background-image:url(../jpg/banner-photo-3.jpg)}
    .dmf-music-banner{background-image:url(../jpg/banner-music-2.jpg);}
    .rb-banner{background-image:url(../jpg/banner-backup-3.jpg)}
}
@media(min-width:992px) and (max-width:1024px){ 
    .windows-banner{background-image:url(../jpg/banner-windows-4.jpg);background-position:0 0}
    .mac-banner{background-image:url(../jpg/banner-mac-4.jpg)}
    .android-banner{background-image:url(../jpg/banner-android-4.jpg)}
    .iphone-banner{background-image:url(../jpg/banner-iphone-4.jpg)}
    .photos-banner{background-image:url(../jpg/banner-photo-4.jpg)}
    .dmf-music-banner{background-image:url(../jpg/banner-music-3.jpg);}
    .rb-banner{background-image:url(../jpg/banner-backup-4.jpg)}
} 
@media(min-width:1200px){
    .product-col-left {
        /* -ms-flex: 0 0 25%;
        flex: 0 0 25%; */
        max-width: 25%;
        width: 100%;
        /* padding-left: 15px;
        padding-right: 15px; */
        
    }


    .product-col-right {
        /* -ms-flex: 0 0 75%;
        flex: 0 0 75%; */
        max-width: 75%;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(min-width:992px){
    .list-page{position:relative;top:-80px;margin-left: -15px; margin-right: -15px;}
    /* left bar */
    .list-page > .container-large > .row{margin:0}
    .product-col-left{float:left;position:relative;top:0;z-index:22; }
    
    .left-bar.affix{top:40px;position:fixed}
    .left-bar{max-width:285px/*330px*/;float:left/*right*/; width:100%;position:relative; 
        background:#e9f1f6;-webkit-box-shadow:6px 12px 16px 0px rgba(28, 188, 221, 0.29);box-shadow:6px 12px 16px 0px rgba(28, 188, 221, 0.29);
    }
   

    .left-bar-inner{position:relative}
    .left-bar-heading{font-size:1.333rem;color:#000000;font-weight:700;margin:0 35px;overflow:hidden;padding:25px 0 10px;height:56px}
    .left-bar-heading span{float:left;position:relative}
    .left-bar-heading span:after{content:"";width:400px;left:100%;margin-left:15px;height:1px;background:#b1cbd8;position:absolute;top:50%}
    .left-menu{padding:20px 25px 54px 30px;position:relative}
    .left-menu:after{position:absolute;right:-2px;top:30px;bottom:30px;background:#18bfdf;width:4px;content:""}
    .left-menu>li{padding:5px 0;position:relative}
    .left-menu>li>a{display:block;font-size:1.06rem;color:#000000;line-height:34px;padding:5px 24px 5px 0}
    .left-menu>li>.menu-plus{position:absolute;width:25px;height:25px;top:15px;right:0;background:url(../png/prd-plus.png) no-repeat scroll 0 0;cursor:pointer}
    .left-menu>li.active>.menu-plus{background-image:url(../png/prd-minus.png)}
    .left-menu>li.active>a,.left-menu>li>a:hover{color:#ff6464}
    .prd-icon{display:inline-block;width:45px;text-align:center;vertical-align:middle;height:31px;position:relative;top:-4px}
    .prd-icon .syst-icon{font-size:24px;color:#000}
    .prd-submenu{position:relative;left:27px;margin-left:20px;margin-right:10px;display:none}
    .prd-submenu > li > a{color:#000;display:block;line-height:24px;padding:8px 5px 8px 0}
    .prd-submenu > li > a:hover{text-decoration:underline}
    .leftbar-button{position:absolute;width:40px;height:40px;top:120px;left:100%;background:#e9f1f6;cursor:pointer;text-align:center;line-height:36px}
    .leftbar-button i{display:inline-block;width:16px;height:15px;background:url(../png/leftbar-arrow.png) no-repeat scroll 0 0;vertical-align:middle;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
    .leftbar-button.active i{display:inline-block;width:16px;height:15px;background:url(../png/leftbar-arrow.png) no-repeat scroll 0 0;vertical-align:middle;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
    .mobile-menu{display:none} 

    .left-menu>li.active .prd-submenu {display: block; overflow: hidden;}
    
    }



/* right bar */
/* .product-col-right{margin-left:340px} */
.blue-heading{color:#20b9db;font-size:1.73rem;font-weight:400;text-transform:uppercase;line-height:50px;margin:0 0 10px;overflow:hidden}
.blue-heading > span{border-bottom:2px solid #ff6464;padding:0 0 5px;float:left}
.blue-heading strong{font-weight:700}
.product-list:after{clear:both;display:table;content:""}
.product-list{padding:10px 0 15px;margin-top:30px}
.product-list-top:after, .product-list-bottom:after{content:"";clear:both;display:table}
.product-list-row{float:left;width:100%;padding:15px 0 7px;border-bottom:1px solid #eaebee}
.list-img{width:178px;float:left;line-height:140px;text-align:center;padding:15px 5px}
.list-right{margin-left:178px;overflow:hidden;padding:25px 255px 35px 0;position:relative}
.product-list-row .heading{font-size:1.4rem;color:#000;font-weight:700;margin:0 0 10px}
.product-list-row .heading a{color:#242329}
.product-list p{color:#5c5c5c;font-size:0.93333rem;line-height:24px}
.list-right .learn-more{color:#017efe;font-size:0.9333rem}
.list-right .learn-more:hover{color:#017efe;text-decoration:underline}
.list-btns{text-align:center;width:235px;position:absolute;top:50%;margin-top:-15px;right:0;transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%)}
.list-right .btn-download, .list-right .btn-buynow{border-radius:25px;width:200px;padding:5px 15px 7px;font-size:1rem;-webkit-box-shadow:4px 4px 5px 1px rgba(0, 0, 0, 0.2);box-shadow:4px 4px 5px 1px rgba(0, 0, 0, 0.2)}
.list-btns a + a{margin-top:20px}
.product-list .product-list-row:hover{-webkit-box-shadow:0px 0px 7px rgba(137, 162, 175, 0.5);box-shadow:0px 0px 7px rgba(137, 162, 175, 0.5)}
.more-products{text-align:center;padding:45px 0 0;clear:both}
.more-products a{text-align:center;line-height:50px;display:inline-block;width:54px;height:54px;-webkit-box-shadow:3px 5px 17px 2px rgba(0, 0, 0, 0.15);box-shadow:3px 5px 17px 2px rgba(0, 0, 0, 0.15);border-radius:30px}
.more-products a i{display:inline-block;width:21px;height:21px;background:url(../png/add-minus.png) no-repeat scroll 0 0;vertical-align:middle}
.more-products a.active i{background-position:-22px 0}
.more-products a:hover{-webkit-box-shadow:3px 5px 17px 2px rgba(0, 0, 0, 0.10);box-shadow:3px 5px 17px 2px rgba(0, 0, 0, 0.10)}
.more-products a:active{-webkit-box-shadow:0px 0px 3px 0 rgba(0, 0, 0, 0.12);box-shadow:0px 0px 3px 0 rgba(0, 0, 0, 0.12)} 

/* photos product page */
.photo-product-row{background-color:#f6f8fa;border:1px solid #dbe4eb;border-radius:5px;margin-top:20px;padding:30px 30px 0;overflow:hidden}
.photo-product-row + .photo-product-row{margin-top:40px}
.photo-product-head:after, .photo-product-head:before{display:table;content:""}
.photo-head-logo{float:left;margin-right:15px}
.photo-head-right{overflow:hidden}
.photo-head-right .heading{font-size:2.4rem;margin:0}
.photo-head-right p{font-size:1.07rem;color:#000;text-transform:uppercase}
.photo-product-text p{font-size:1.07rem;color:#5c5c5c;margin:0}
.photo-product-text{margin:10px 0 20px}
.photo-product-feature{margin:0 -30px;-webkit-box-shadow:0 3px 5px 0.25px rgba(0, 0, 0, 0.15);box-shadow:0 3px 5px 0.25px rgba(0, 0, 0, 0.15);background:#fff}
.photo-product-feature ul{overflow:hidden;padding:6px 15px}
.photo-product-feature ul li{padding:7px 22px;float:left;width:33.333%}
.icon-photo-feature{width:60px;height:60px;line-height:52px;float:left;text-align:center;border:2px solid #bcbeca;background:#f6f6f8;border-radius:35px}
.icon-photo-feature i{display:inline-block;background:url(../png/photos-feature-icons.png) no-repeat scroll 0 0;background-size:auto 31px;vertical-align:middle}
.icon-photo-feature.icon-photo-search i{width:29px;height:31px}
.icon-photo-feature.icon-photo-delete i{width:27px;height:31px;background-position:-31px 0}
.icon-photo-feature.icon-photo-recover i{width:28px;height:28px;background-position:-58px 0}
.text-photo-feature{margin-left:78px}
.text-photo-feature h4{color:#5c5c5c;font-size:0.9333rem;font-weight:600;text-transform:uppercase;margin:3px 0 5px}
.text-photo-feature p{color:#5c5c5c;font-size:0.9333rem;margin:0;line-height:normal}
.download-btns{display:inline-block;margin:3px;vertical-align:top}
.download-btns > img{height:50px}
.white-arrow-right{background:url(../png/white-arrow-right.png) no-repeat scroll 0 0;width:17px;height:12px;display:inline-block;margin-left:5px}
.download-learnmore{background:#0f9ef7;border-radius:5px;line-height:24px;padding:13px 24px;color:#fff}
.download-learnmoretext{background:transparent;border-radius:5px;line-height:24px;padding:13px 4px;color:#0696ed;text-decoration:underline}
.download-section{margin:40px -10px;text-align:center}
.photos-dpf-img{text-align:center;padding:0 15px}
.photos-dpf-img.rb-bottom-img{margin:0 0 25px}
.photos-dpf-img > .photos-images{display:none}
.photos-dpf-img.pee-img{margin:-40px -40px 0;text-align:center}
.download-learnmore:active, .download-learnmore:focus{color:#fff}
.download-learnmore:hover{background:#0696ed;color:#fff}
.photos-list-links{overflow:hidden;padding-bottom:15px;padding-top:15px;margin:0 -7px;text-align:center}
.photos-list-links *{display:inline-block;padding:0 7px;color:#5c5c5c}
.photos-list-links a{color:#5c5c5c}
.photos-list-links a.active{color:#ed565a}

/*right backup page*/
.aws-service{margin:25px 0}
.aws-logo{display:inline-block}
.device-compt{display:inline-block;vertical-align:bottom;padding-left:0px;vertical-align:top}
.device-compt.no-space{padding-left:0}
.device-compt h5{color:#fff;font-size:1.4666rem;font-weight:normal;/* padding-left:4px*/}
.device-compt p{color:#fff;font-size:0.8666rem;font-weight:normal;text-align:center;padding-top:5px}
.device-compt a{color:#fff;font-size:25px;border:1px solid #fff;width:57px;height:57px;text-align:center;line-height:46px;display:inline-block;border-radius:3px;vertical-align:top}
.device-compt a:hover, .device-compt .bg-white a:hover{background:rgba(255, 255, 255, 0.1)}
.device-compt .bg-white a{background:rgba(0, 0, 0, 0.2)}
.device-compt a + a{margin-left:11px}
.rb-page{background:#f5f7f9}
.rb-page-top{background:url(../jpg/rb-detail-bg.jpg) no-repeat scroll right 0;min-height:345px;position:relative;padding:25px 350px 20px 30px;background-size:cover}
.rb-top-corner{position:absolute;top:-6px;right:-11px}
.rb-page-top .photo-head-logo{margin-top:7px}
.rb-page-top .photo-head-right .heading{color:#fff;font-size:3.33333rem}
.rb-page-top .photo-head-right p{color:#fff;font-size:1.33333rem;text-transform:inherit}
.rb-page-top .photo-product-head .para{color:#fff;font-size:1.066666rem;margin:15px 0 25px;line-height:1.6}
.rb-page-top .photo-product-head .learn-more{color:#fff;font-size:1.066666rem;border:1px solid #fff;line-height:24px;padding:7px 27px 9px;display:inline-block}
.rb-page-top .photo-product-head .learn-more:hover{background:#2d9ad2}
.rb-feature-section{background:#fff;padding:50px 15px 20px;-webkit-box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.15);box-shadow:0 3px 5px 0 rgba(0, 0, 0, 0.15)}
.rb-page-bottom{border-width:0 1px 1px 1px;border-color:#dbe4eb;border-style:solid;border-radius:0 0 3px 3px}
.rb-feature-row .heading{color:#5c5c5c;font-size:1.46666rem;font-weight:500}
.rb-feature-row .subheading{color:#5c5c5c;font-size:1.20rem;font-weight:500}
.rb-feature-row p{color:#5c5c5c;font-size:1.066666rem}
.rb-feature-row{padding-top:15px;padding-bottom:15px}
.rb-img{line-height:70px}
.rb-img .syst-icon{font-size:60px;vertical-align:middle}
.container-950{margin:auto;max-width:950px;padding-left:15px;padding-right:15px}
.container-950:after, .container-950:before{content:"";display:table;clear:both}
/*music page*/
.rb-page-top.dmf-bg{background-image:url(../jpg/dmf-detail-bg.jpg);min-height:323px;padding:25px 30px 20px 30px}
.rb-page-top.dmf-bg .photo-head-logo{margin-left:-10px;margin-top:-7px}
.rb-page-top.dmf-bg .photo-product-head .learn-more:hover{background:#fff;color:#000}
.rb-feature-row.large{padding-top:0}
.rb-feature-row.large .heading{margin-top:0}


@media(min-width:1601px) and (max-width:1920px){
    .products-banner{background-position:top right}
}

@media(max-width:1630px){ 
    .product-banner-heading{font-size:4rem} 
    
    }
    @media(max-width:1420px){
        .poroduct-banner .aws-service{display:none} 
        .ent-pro-banner .product-banner-subheading + p{display:none} 
        .products-banner .device-compt{display:none}

    }
 
    
@media(min-width:1025px) and (max-width:1366px){ 
    .windows-banner{padding-top:80px;padding-bottom:50px}
    .dmf-music-banner{padding-top:40px}
    .rb-banner .aws-service{display:none}
    
}

 
 @media(min-width:1367px) and (max-width:1600px) {}
 
 @media(min-width:1280px){
    .rb-feature-row.large p{padding:0 90px}
    }

 @media(min-width:1025px) and (max-width:1366px) {

    .product-banner-heading{font-size:3.2rem}
    .product-banner-subheading{font-size:1.3rem}
    .ent-pro-banner, .products-banner{min-height:359px;background-position:top center;border-bottom: none;}

 }


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


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



 @media(min-width:1200px) and (max-width:1630px) {
    .rb-feature-row .heading{min-height:49px}

 }

 @media(min-width:1280px) and (max-width:1600px) {}

 @media(max-width:1199px) {
    .left-menu > li.active .prd-submenu {width: 142px;}
    .product-col-left { 
        max-width: 30%;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .product-col-right { 
        max-width: 70%;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .left-bar { max-width: 255px;}
    .left-bar.affix { top: 20px;}
    .list-right{padding-right:15px}
    .list-btns{position:static;transform:translate(0,0);-webkit-transform:translate(0,0);-ms-transform:translate(0,0);margin:10px 0 0;width:auto;text-align:left}
    .list-btns a{margin-top:10px}
    .list-btns a+a{margin-top:10px;margin-left:0}

    .photo-product-feature ul li{width:100%}
    .rb-page-top{padding-right:25px;background:#177ccc;min-height:0}
    .rb-page-top .photo-head-right p{padding-right:25px}

    .rb-page-top .photo-head-right .heading{font-size:2.5rem}
     
    
 }




 @media(min-width:1025px) and (max-width:1366px) {}

 @media(min-width:992px) and (max-width:1024px) {
 
    .ent-pro-banner, .products-banner{min-height:300px;background-position:0 0;padding-top:60px;padding-bottom:20px}
    .innerpage-banner{min-height:300px;background-position:0 0;padding-top:60px;padding-bottom:20px}
    .product-banner-heading{font-size:2.7rem}
    .product-banner-subheading{font-size:1.0666rem}
    .dmf-music-banner{padding-top:40px}
    .rb-banner .aws-service{display:none}

 }



 


 @media(max-width:991px){
    .product-banner-heading{font-size:2rem/*2.7rem*/}
    .product-banner-subheading{font-size:1.0666rem}
    .slider-heading-2{font-size:2.5rem}
    .poroduct-banner, .products-banner, .innerpage-banner{background-position:0 0;padding-top:60px;padding-bottom:40px;min-height:0;background-size:auto auto}
    .android-banner{background-size:cover}
    .product-col-right {
        -ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
    }
    .left-bar-inner .mobile-menu {
        display: none;
    }
    

 }


 @media(max-width:991px){ 
    /*left bar css*/
    .product-col-left{bottom:auto!important;top:auto!important;left:0!important;position:static!important}
    .left-bar-heading{display:none}
    .mobile-menu{position:fixed;display:none;bottom:0;height:32px;left:0;background:#20b9db;width:180px;cursor:pointer;font-size:14px;color:#fff;line-height:30px;text-align:center;z-index:99999}
    .left-menu{position:fixed;left:0;background:#e9f1f6;top:100%;z-index:10009;padding:5px 15px 5px;width:180px;bottom:32px;overflow:auto;-webkit-transition:all ease-in-out 0.15s;-ms-transition:all ease-in-out 0.15s;transition:all ease-in-out 0.15s}
    .left-menu.active{top:0}
    .mobile-menu>i{display:inline-block;width:18px;line-height:0;top:2px;position:relative;margin-right:7px}
    .mobile-menu>i>em{display:inline-block;width:100%;height:2px;background:#fff;vertical-align:top}
    .mobile-menu>i>em + em{margin-top:4px}
    .left-menu>li{padding:0;position:relative}
    .left-menu>li>a{display:block;font-size:1.06rem;color:#000000;line-height:34px;padding:2px 24px 2px 0}
    .left-menu>li>.menu-plus{position:absolute;width:25px;height:25px;top:6px;right:0;background:url(../png/prd-plus.png) no-repeat scroll 0 0;cursor:pointer}
    .left-menu>li.active>.menu-plus{background-image:url(../png/prd-minus.png)}
    .left-menu>li.active>a,.left-menu>li>a:hover{color:#ff6464}
    .prd-icon{display:none}
    .prd-icon .syst-icon{font-size:24px;color:#000}
    .prd-submenu{display:none}
    .prd-submenu > li > a{color:#222;display:block;line-height:20px;padding:4px 0 4px 0;font-size:12px}
    /*right bar*/
    .product-col-right{margin-left:0;padding-left:15px;padding-right:15px}
    .prd-submenu > li > a:hover{text-decoration:underline}
    /*   .product-name-overview{font-size:1.7rem}
  .download-steps + .row .col-lg-4, .download-steps + .row .col-lg-8{width:50%}
    .products-about-left>img{max-width:400px}
    .steps-screen-col{height:auto}
    .after-update{padding:100px 0 50px 0}
    .after-install-left-col{width:100%;padding-right:0;background:none} 
    .after-install-right-col{width:312px;max-width:100%;padding-left:0;float:none;margin:0 auto;margin-top:-44px}
    .try-now-btn{max-width:100%}
    .after-install-right-col h4{font-size:25px}
    .after-install-bottom-head{margin-top:15px;background:none;height:inherit;border-top:#c6c6c6 solid 2px;border-bottom:#c6c6c6 solid 2px;font-size:24px;line-height:30px;padding-top:8px;padding-bottom:8px }
    .install-banner-right{padding-right:5%}
    .install-banner-heading{font-size:24px}
    .brain-about-img img{ margin-top: 0;}
    .su-feature-col { padding-top: 10px; text-align: center; } */

    .photos-dpf-img{margin:0 0 25px}
    
     
    }




 @media(max-width:767px) {
.android-banner{background-size:inherit}
.product-col-right{padding-left:15px;padding-right:15px}
.product-list{padding:0 0 15px;margin-top:0}
.list-right{margin-left:0}
.list-img{float:none;text-align:left;padding:0 15px 0 0;line-height:normal}

.list-img img{max-width:75px}
.product-list .product-list-row:hover{-webkit-box-shadow:0px 0px 7px rgba(137, 162, 175, 0);box-shadow:0px 0px 7px rgba(137, 162, 175, 0)}
 
.photo-head-logo{float:none;margin:0 0 15px}
.photo-product-row{padding:15px 15px 0}

.aws-service a img{max-height:80px}

 }

 


 @media(max-width:479px) {
    .blue-heading{font-size:1.30rem}

 }