@media screen and (min-width: 0px) and (max-width:1420px) {

}

@media screen and (min-width: 0px) and (max-width:1250px) {
.content_1106{ padding-left: 72px; padding-right: 72px;}
}

@media screen and (min-width: 0px) and (max-width:1220px) {
  ul.artistSlider{ padding: 0px;}
  .relatedBlogPostBox::before, .artistSlideBox::before, .related.products::before{ max-width:calc(100% - 160px);}

  /* shop start here */
  /* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ max-width: 140px; padding-left: 20px!important; padding-right: 20px!important} */
  /* shop end here */
}
@media screen and (min-width: 0px) and (max-width:1170px) {
  /* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ max-width: 100%; width:calc(100% - 40px); text-align: center; min-width: 120px;}
  .buyOpt .productbox{ padding-bottom:140px;}
  .buyOpt .productbox .xoo-qv-button{ bottom: 80px;} */
}


@media screen and (min-width: 0px) and (max-width:1100px) {

  @media only screen and (orientation: landscape) {
    body.page-template-template-home .fullscreenBox .video{min-height:400vh; min-width:600vh;}
  }

  @media only screen and (orientation: portrait) {
    body.page-template-template-home .fullscreenBox .video{min-height:600vh; min-width:400vh;}
  }

  #header section{ display: block;}
  #header .logobox{ padding-left: 20px; padding-right: 20px; border-right: 0px;}
  .logobox img{ height: 22px; width: 134px;}
  #header .signIn{ display:none;}
  #header .signInMob{ display: block!important;}
  .signDropdownMob{ display: block;}
  #header .cartBox{ position:absolute; right:104px; top:20px; width:30px; height:32px; padding:0px;}
  .cartBox .xoo-wsc-sc-bki, .cartBox .xoo-wsc-sc-count{ margin-right: 0px!important;}
  /* .fullscreenBox .video{ width:150%;  }
  .fullscreenBox .videoframe{ top:-5%;} */


  /* faq start here */
  .faqSec .col{ padding:0 20px;}
  /* faq end here */

  body.single-product #main > .product .summary{ padding-left: 20px;}
  .productleftBox{ padding-right: 20px;}
  .respTable{ overflow: hidden; overflow-x: scroll; margin-bottom: 24px;}

  /* footer start here */
  .col_60_16_16_8 .col:first-child{width:52%;}
  .col_60_16_16_8 .col{width:20%;}

  .col_80_20 .col:first-child{ width: 70%;}
  .col_80_20 .col{ width: 30%;}
  /* footer end here */
}

@media screen and (min-width: 0px) and (max-width:1025px) {
  /* common css start here */
  body.single-product #main > .product{ padding-top: 60px;}
  .commonSpace, .content_1090.commonSpace{padding-top:60px; padding-bottom:60px;}
  .commonSpace.relatedBlogPostBox{ padding-bottom: 44px;}
  .dvotoolsBox .content_900{ padding-bottom: 44px;}
  .Features, .Woocommerce-Product-Video{ padding-bottom: 40px;}
  /* common css end here */

  /* home page start here */
  .fullscreenBox{ min-height: 600px;}
  .artistSlider .slick-prev.slick-arrow, .related.products .products .slick-prev.slick-arrow{ left: -60px;}
  .artistSlider .slick-next.slick-arrow, .related.products .products .slick-next.slick-arrow{ right: -60px;}
  /* home page end here */

  /* dvo details start here */
  .Features .fearureDesc{ padding-bottom: 30px;}
  .HowToUseDvoStep{ padding-top: 30px;}
  .HowToUseDvoStep ul li{ padding-bottom: 20px;}
  .HowToUseDvo .bottomBorder{ padding-bottom: 0px;}
  /* dvo details end here */
}

@media screen and (min-width: 0px) and (max-width:1023px) {
  h1, .blogDetails h1{ font-size:40px; line-height: 44px; padding-bottom: 10px; }
  h2{font-size:38px; line-height: 42px; padding-bottom: 10px;}
  h3{ font-size:32px; line-height:40px; padding-bottom: 10px;}
  h4{ font-size:26px; line-height:24px; padding-bottom: 10px;}
  h5{font-size:22px; line-height:30px; padding-bottom: 10px;}
  h6{font-size:20px; line-height:28px; padding-bottom: 10px;}
  p{ padding-bottom: 18px;}
  .buttonTitleBox h2{font-size:38px; line-height: 42px;}
  /* home news list stat here */
  .col_1_1_1.blogList .col{ width: 50%;}
  .installer h2{font-size:30px; line-height:38px;}
  /* home news list end here */

  /* installer page start here */
  .signUpBox .col:first-child{ padding-right: 40px;}
  .signUpBox .col:last-child{ padding-left: 40px;}
  .pageTitleBox.commonSpace{ padding: 60px 0;}
  .pageTitleBox h1{font-size:40px; line-height:40px;}
  .installer .descBox, .installer .selectHolder, ul.platformIcons{ padding-bottom: 40px;}
  .installer h2{ padding-bottom: 22px;}
  /* installer page end here */

  /* my account page start here */
  .woocommercePage .woocommerce .woocommerce-MyAccount-content{ padding-left: 40px;}
  .woocommercePage .woocommerce .woocommerce-MyAccount-navigation{ padding-right: 40px;}
  .woocommerce-MyAccount-content .woocommerce-info{ position: relative; padding-bottom:80px;}
  .woocommerce-MyAccount-content .woocommerce-info .button{ position: absolute; left: 20px; bottom: 20px;}

  .addresses .woocommerce-Address{ width: 100%!important;}
  .addresses .woocommerce-Address:first-child{ padding-bottom: 20px;}
  .woocommerce-address-fields p:last-child{ padding-bottom: 0px;}
  .woocommerce-MyAccount-navigation ul li{ padding-bottom: 4px;}
  /* my account page end here */

  .woocommerce-ResetPassword.lost_reset_password p:first-child{ padding-bottom: 20px!important;}
  .woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row:last-of-type{ padding-top: 18px!important;}

  /* news list page start here */
  .NewsRecords h2, .relatedBlogPostBox .bloginfo h3{ font-size: 16px; line-height: 24px; padding-bottom:8px;}
  .NewsRecords .entry, .relatedBlogPostBox .NewsRecords .entry{ padding-bottom: 14px;}
  .listImage, .relatedBlogPostBox .listImage{ padding-bottom: 20px;}
  /* news list page end here */

  /* news detail page start here */
  .newsDetail .col_70_30 .col{ width: 100%; padding: 0px;}
  .relatedBlogPostBox h2{ font-size: 40px; line-height: 44px;}
  .newsDetail .col_70_30 .col:last-child{ margin-top: 40px;}
  /* news detail page end here */

  /* shop start here */
  .woocommerce-checkout #customer_details, .woocommerce-order .woocommerce-order-details{ padding-right: 40px;}
  .woocommerce-checkout #order_review, .woocommerce-order .DownloadsInstall{ padding-left:40px;}

  .productList .products.grid.col_1_1_1 .product{ width: 50%!important;}
  /* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ max-width:140px!important; width: calc(100% - 40px)!important; text-align: center;} */
  /* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ width: 140px; max-width: 140px;}
  .buyOpt .productbox{ padding-bottom:80px;}
  .buyOpt .productbox .xoo-qv-button{ bottom: 20px;} */

  /* shop details start here */
  .productleftBox{ width: 100%; padding-right: 0px; padding-bottom: 20px;}
  body.single-product #main > .product .summary{ width: 100%; padding-left: 0px;}
  /* shop details end here */

  /* dvo details start here */
  .product .summary .cart{ width: 50%; float: left; padding-right: 20px; padding-bottom: 0px; border-bottom: 0px;}
  .ProductFreeTrail{ width: 50%; float: right; padding-left: 20px;}
  .product .summary .trialBox{ padding-top: 0px;}
  /* dvo details end here */

  /* shop end here */
  ul.faqBtn{display: block;}
  ul.faqBtn li{width: 100%; padding-right: 0px;}
  ul.faqBtn li:first-child{ padding-bottom: 10px;}
  ul.faqBtn li:last-child{ padding-left: 0px;}

}

@media screen and (min-width: 0px) and (max-width:1000px) {

  /* home page start here */
  /* .fullscreenBox .videoframe{ top:-12%;} */
  .fullscreenBox .content_670{ max-width:570px}
  .fullscreenBox h1{ font-size: 80px; line-height: 80px;}
  .fullscreenBox p{ padding-bottom: 100px;}
  .fullscreenBox .compatibleLinks{ position: static; padding-top:80px;}
  .fullscreenBox .compatibleLinks ul{ display: block;}
  .fullscreenBox .compatibleLinks ul li:first-child{ width: 100%; padding: 0px;}
  .fullscreenBox .compatibleLinks ul li{ display: inline-block; padding:0 10px 6px 24px;}

  .homeSignupBox .col{ padding: 0 20px;}
  .followSec .col:last-child .socialIcons{ width: auto;}
  .followSec .col:last-child{ padding-left: 20px;}

  .homeSignup .col{ width: 100%; padding: 0px;}
  .homeSignup .col:first-child{ padding-right: 0px; padding-bottom: 50px;}
  .homeSignup .col:last-child{ padding-left: 0px;}
  .homeSignup .passBox{max-width: 410px;}

  ul.artistSlider li .col:first-child{ padding-left: 0px;}
  ul.artistSlider li .col:last-child{ padding-right: 0px;}
  .commonSpace.artistSlideBox{padding-bottom: 80px;}
  .artistSlider .slick-dots{bottom:-44px;}
  /* home page end here */

  /* contact page start here */
  .contactBox .breadcrumbs{ padding-left: 0px; padding-right: 0px;}
  .contactBox .col_40_60 > .col{ width: 100%; padding: 0px; }
  .contactBox .col_40_60 > .col:first-child{ padding-bottom: 60px;}
  .contactInfo h1{ width: 100%;}
  .contactInfo .byPhone, .contactInfo .followUs{ display: inline-block; vertical-align: top; padding-bottom: 0px;}
  .contactInfo .byPhone{padding-right:60px;}
  /* contact page end here */

  /* backstage passSec start here */
  .backstagePass .col:first-child{ padding-right: 0px; padding-bottom: 50px;}
  .backstagePass .col:last-child{ padding-left: 0px;}
  .backstagePass .col, .backstagePass .col.newsletter .wpcf7, .backstagePass .col.newsletter ul li:last-child input[type="submit"]{ width:100%;}
  .backstagePass .col.newsletter ul li:last-child{padding-left: 0px; padding-top: 18px;}
  .backstagePass .col.newsletter ul{display:block;}
  .backstagePass .col.newsletter ul li{width:100%;}
  .backstagePass .passBox{padding-left:60px; max-width: 410px;}
  /* backstage passSec end here */

  /* footer start here */
  .col_60_16_16_8 .col:first-child{ width: 100%; padding: 0 0 40px 0;}
  .col_60_16_16_8 .col, .col_60_16_16_8 .col:last-child{ width: 33.33%;}
  ul.socialIcons{ display: block;}
  ul.socialIcons li{ display:inline-block; padding-right: 20px; padding-bottom: 0px;}
  /* footer end here */

  /* hubspot form start */
  .newsletter .hs_email{ width: 100%; padding-right: 0px;}
  .newsletter .hs_submit{ width: 100%; padding-top: 18px;}
  .newsletter .hs_submit input[type="submit"]{ width: 100%;}
  /* hubspot form end */
}
@media screen and (min-width: 0px) and (max-width:940px) {
  /* dvo header start here */
  .dvoHeroSection{ padding: 80px 0;}
  .dvoHeroSection .flexVerticalCenter{ display: block;}
  .dvoHeroSection .col{ width: 100%;}
  .textHolder{ z-index: 2; padding:30px 0; position: relative;}
  .dvoHeroSection .dvoHeroContent{ margin: 0 auto; text-align: center;}
  .dvoHeroSection .vidHolder{ position: absolute; left: 0px; top:-25%;}

  .dvoHeroSection .vidHolder .videoBox{ margin:0 auto; max-width: 500px;}
  .dvoHeroSection h1{ font-size: 80px; line-height:84px;}
  .dvoHeroSection .compatibleLinks{ position: relative;}
  .dvoHeroSection .compatibleLinks ul{ display: block; text-align: center;}
  .dvoHeroSection .compatibleLinks ul li:first-child{ width: 100%; padding: 0px;}
  .dvoHeroSection .compatibleLinks ul li{ display: inline-block;}

  .dvoHeroSection.detailImage .vidHolder{ top:-40%!important;}
  .dvoHeroSection.detailImage .dvoHeroContent{ max-width: 380px;}
  .dvoHeroSection.detailImage .compatibleLinks{ padding-top: 50px;}
  /* dvo header end here */
}
@media screen and (min-width: 0px) and (max-width:900px) {

  /* home page start here */
  .followSec{ display: block;padding-left: 80px; padding-right: 80px;}
  .followSec .col{ width: 100%;}
  .followSec .col:last-child{ max-width: 100%; padding-top:50px; padding-left:0px; padding-right:0px;}
  .homeSignup{ padding-top: 50px;}

  ul.artistSlider li .col{ padding: 0 25px;}
  .slideInfo h3{ font-size: 38px; line-height: 46px;}

  /* home page end here */

  /* faq start here */
  .col_30_70.faqSec .col{ width: 100%; padding: 0px;}
  .faqformBox.mobileForm{ display: block; padding-top: 40px;}
  .faqformBox.desktopForm{ display: none;}
  .faqsearchBox h2, .faqformBox h2{padding-bottom: 14px;}
  /* faq end here */

  /* footer start here */
  .col_80_20 .col:first-child{ width: 100%; padding-bottom: 30px;}
  .col_80_20 .col{ width: 100%; padding: 0px;}
  .payipad{ display: block; padding-bottom: 20px;}
  .payDesktop{ display: none;}
  .footerBottom.col_80_20 .col:first-child{ padding-bottom: 0px;}
  .footerBottom.col_80_20 .col p{ padding-bottom: 8px;}
  .footerBottom.col_80_20 .col p:last-of-type{ padding-bottom: 0px;}
  /* footer end here */

  /* RLM table code start here */
  table.woocommerce-table-rlm-data thead{ display: none;}
  table.woocommerce-table-rlm-data tr td{ display: block!important; text-align: right; min-height: 50px;}
  .woocommerce-MyAccount-content table.woocommerce-table-rlm-data tbody > tr:nth-child(even){ background-color:rgba(0,0,0,.025);}
  .woocommerce-MyAccount-content table.woocommerce-table-rlm-data tbody > tr > td:first-child{ padding-left:12px!important;}
  .woocommerce-MyAccount-content table.woocommerce-table-rlm-data tbody > tr > td:last-child{ padding-right:12px!important;}
  table.woocommerce-table-rlm-data tr td::before{float: left; font-weight: 700;}
  table.woocommerce-table-rlm-data tr td.rlm_product::before{ content:"Product";}
  table.woocommerce-table-rlm-data tr td.rlm_license::before{content:"License Key";}
  table.woocommerce-table-rlm-data tr td.rlm_status::before{content:"Status";}
  table.woocommerce-table-rlm-data tr td.rlm_exp::before{content:"Expiry Date";}
  input[type="text"].rlm_license_key, input[type="password"].rlm_license_key{ padding-right: 4px;}
  /* RLM table code end here */

  ul.faqBtn{display: flex;}
  ul.faqBtn li{width:50%; padding-right: 8px;}
  ul.faqBtn li:first-child{ padding-bottom:0px;}
  ul.faqBtn li:last-child{ padding-left: 8px;}
}

@media screen and (min-width: 0px) and (max-width:840px) {

  .fullscreenBox{padding: 60px 0; min-height: 700px;}

  /* your Platform start here */
  .yourPlatform h2{ padding-bottom: 8px;}
  .platformInfo{ padding-bottom:28px;}
  .PlatformSelect ul li{ padding: 0 6px;}
  .PlatformSelect{ padding-bottom: 22px;}
  /* your Platform end here */

  /* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ max-width: 100%; width: calc(100% - 40px); text-align: center;}
    .buyOpt .productbox{ padding-bottom:140px;}
    .buyOpt .productbox .xoo-qv-button{ bottom: 80px;} */
  .xoo-qv-container{ left: 20px!important; right: 20px!important; max-width: 100%!important;}
  .xoo-qv-main > .product{ padding: 20px!important;}
}
@media screen and (min-width: 0px) and (max-width:768px){
  .woocommerce-MyAccount-content table.shop_table th:first-child, .woocommerce-MyAccount-content table.shop_table td:first-child{ padding-left: 12px!important;}
  .woocommerce-MyAccount-content table.shop_table th:last-child, .woocommerce-MyAccount-content table.shop_table td:last-child{ padding-right: 12px!important;}
  .woocommerce-cart-form table.shop_table td.product-remove{ padding-right: 12px!important;}
  .woocommerce table.cart td.product-quantity .qib-container{ margin-left: auto;}
  .woocommerce-cart-form table.shop_table td.product-remove a.remove{ float: none!important; margin-left: auto!important;}
  .woocommerce-cart-form table.shop_table td{ padding-top: 12px!important; padding-bottom: 12px!important;}

  .EmptyCartButton{ border-top:#D8D8D8 solid 1px; margin-top: 20px; padding-top: 10px; width: 100%;}

  .woocommerce-order .woocommerce-order-details{ width: 100%; border-right: 0px; padding-right: 0px; padding-bottom:20px;}
  .woocommerce-order .woocommerce-customer-details, .woocommerce-order .DownloadsInstall{ width: 100%; border-left: 0px; padding-left: 0px;}
  .woocommerce-thankyou-order-details li{ width: 30%; margin:10px 10px 10px 0!important;}
  .woocommerce-order .DownloadsInstall{ border-top:#000 solid 1px; padding-top: 30px;}
  .woocommerce-order .woocommerce-order-details .my_account_orders tr td{ padding-left: 0px!important; padding-right: 0px!important;}

}

@media screen and (min-width: 0px) and (max-width:767px) {
  /* common css start here */
  .content_1090, .content_740, .content_800, .content_900,
  body.single-product #main > .product{ padding-left: 20px; padding-right: 20px;}
  .content_1106{ padding-left: 12px; padding-right: 12px;}
  .relatedBlogPostBox .content_1090{padding-left: 14px; padding-right: 14px;}
  .content_1110{ padding-left: 10px; padding-right:10px;}

  body.single-product #main > .product{ padding-top: 40px;}
  .commonSpace, .content_1090.commonSpace{ padding-top: 40px; padding-bottom: 40px;}
  .content_740.bottomSpace, .content_800.bottomSpace{ padding-bottom: 40px;}
  footer .content_1090{ padding-top:40px; padding-bottom: 40px;}
  .col_60_16_16_8 .col:first-child{ padding-bottom: 30px;}
  .dvotoolsBox .content_900{ padding-bottom: 40px;}
  .commonSpace.newsDetail{ padding-top: 40px;}
  .commonSpace.installer{ padding-top: 40px;}
  /* common css end here */

  /* home page start here */
  /* .fullscreenBox .videoframe{ top:-5%;} */

  .fullscreenBox p{ padding-bottom: 46px;}
  .fullscreenBox h1{ font-size:60px; line-height: 60px; padding-bottom: 46px;}
  .fullscreenBox .compatibleLinks{ padding-top: 46px;}

  .followSec{ padding-left: 20px; padding-right: 20px;}
  .followSec > .col{ padding-left:0px!important; padding-right: 0px!important;}
  .homeSignup .col:first-child{ padding-bottom: 30px;}
  .homeSignup .passBox{ padding-left: 50px;}
  .commonSpace.homeVideo{ padding-left: 20px; padding-right: 20px;}

  .artistSlideBox .centerTitle{ padding-bottom: 50px;}
  ul.artistSlider li .flexVerticalCenter{ display:block;}
  ul.artistSlider li .col{ width:100%;}
  ul.artistSlider li .col:first-child{ padding-right:0px; padding-bottom:40px; max-width: 320px; margin: 0 auto;}
  ul.artistSlider li .col:last-child{ padding-left: 0px;}
  /* home page end here */

  /* installer page start here */
  .signUpBox .col{ width: 100%;}
  .signUpBox .col:first-child{ padding-right: 0px; border-right: 0px; border-bottom:#000 solid 1px;}
  .signUpBox .col:last-child{ padding-left: 0px; border-left: 0px; padding-top: 24px;}
  .login-form .pinkText, .registration-form .pinkText{ padding-bottom:15px;}
  .SecureTagline{ margin-top: 5px;}
  .user-registration-form__label-for-checkbox, #privacy_policy_field label{ padding-bottom: 10px;}
  .registration-form p:last-child{ padding-bottom: 0px;}

  .installer .descBox, .installer .selectHolder, ul.platformIcons, .logoSign{ padding-bottom: 30px;}
  .installer h2{ padding-bottom:20px;}
  .Licensetext{ padding-top: 20px;}
  /* installer page end here */

  /* dvo header start here */
  .dvoHeroSection .vidHolder, .dvoHeroSection.detailImage .vidHolder{ top:-100px!important;}
  .dvoHeroSection{ padding:60px 0;}
  .dvoHeroSection h1{ font-size: 60px; line-height: 60px;}
  .dvoHeroSection.detailImage .videoBox, .dvoHeroSection .vidHolder .videoBox{ max-width: 400px;}
  .dvoHeroSection.detailImage .compatibleLinks, .dvoHeroSection .compatibleLinks{ padding-top:18px;}
  /* dvo header end here */

  /* dvo details start here */

  .Features h3, .HowToUseDvo h3{ padding-bottom: 10px;}
  body.single-product .woocommerce-notices-wrapper{ padding-left: 20px; padding-right: 20px;}
  body.single-product .woocommerce-notices-wrapper .woocommerce-message{margin-top:40px;}
  /* dvo details end here */

  /* my account page start here */
  .woocommercePage .woocommerce .woocommerce-MyAccount-navigation{ width: 100%; padding-right: 0px; border-right: 0px; border-bottom:#000 solid 1px; padding-bottom: 20px;}
  .woocommercePage .woocommerce .woocommerce-MyAccount-content{ width: 100%; padding-left: 0px; border-left: 0px; padding-top: 20px;}
  /* my account page end here */

  /* backstage passSec start here */
  .backstagePass .col:first-child{ padding-bottom: 30px;}
  .backstagePass .passBox{padding-left:50px;}
  /* backstage passSec end here */

  /* faq start here */
  .accordionBox{ padding: 24px 0;}
  .accordionDetails{ padding-top: 24px; padding-right: 40px;}
  .accordionDetails p{ padding-bottom: 20px;}
  /* faq end here */

  /* detail post start here */
  .commonSpace.relatedBlogPostBox{ padding-bottom: 30px;}
  .relatedBlogPostBox::before, .artistSlideBox::before, .related.products::before{ max-width:calc(100% - 40px);}
  .relatedInfoBlock{ padding: 14px;}
  .recentPost{ padding-bottom: 20px;}
  .recentBlock{ padding-bottom: 14px;}
  /* detail post end here */

  /* your Platform start here */
  .yourPlatform .PlatformSelect .col{ width: 50%;}
  .yourPlatform .PlatformSelect .col:nth-child(2){ padding-right: 0px;}
  .yourPlatform .PlatformSelect .col:last-child{ width: 100%; padding-left: 0px; padding-top:16px; }
  .platformBox .platform{ margin-right: 0px; margin-bottom: 10px;}
  .platformBox{ display: block;}
  .platformBox input[type="submit"]{ width: 100%;}

  /* your Platform end here*/

  /* shop start here */
  .related ul.products .slick-dots{ margin: 0px; padding: 24px 0 0 0;}
  .woocommerce-checkout #customer_details{ width: 100%;padding-right:0px; border-right: 0px; padding-bottom: 20px; border-bottom:#000 solid 1px;}
  .woocommerce-checkout #order_review{width: 100%; padding-left:0px; border-left: 0px; padding-top: 20px;}

  .buttonTitleBox h1{ padding-bottom: 16px;}
  .buttonTitleBox, .videoGuide .bottomBorder, .videoGuide{ padding-bottom: 30px;}

  /* shop end here */

  /* hubspot form start */
  .selectHolder .hs_firstname, .selectHolder .hs_lastname{ width: 50%;}
  .selectHolder .hs_lastname{ padding-right: 0px;}
  .selectHolder .hs_email{ width: 100%; padding-left: 0px; padding-top:2px; padding-bottom: 0px;}
  .selectHolder .hs_platform{ width: 100%; padding-right: 0px; padding-top: 22px;}
  .selectHolder .hs_submit{ width: 100%; padding-top: 18px;}
  .selectHolder .hs_submit input[type="submit"]{ width: 100%;}
  /* hubspot form start */
}

@media screen and (min-width: 0px) and (max-width:640px) {
  .HowToUseDvoStep .col{ width: 50%;}
}

@media screen and (min-width: 0px) and (max-width:600px) {
  .xoo-qv-images{ padding-bottom:20px!important;}
  .xoo-qv-images, .xoo-qv-summary{ width: 100%!important; padding-left: 0px; padding-right: 0px;}
  .xoo-qv-summary .cart{ padding-bottom: 10px!important;}
}

@media screen and (min-width: 0px) and (max-width:550px) {

  /* home page start here */
  .fullscreenBox{ min-height:auto; height: auto; padding:80px 0 100px 0;}
  .fullscreenBox .content_670{ max-width:380px;}
  .fullscreenBox h1{ font-size:40px; line-height: 40px; padding-bottom: 18px;}

  .homeSignup{padding-top: 40px;}
  .homeSignupBox p{ padding-bottom: 24px;}
  .homeSignupBox .followBox{ padding-top: 24px;}

  ul.artistSlider li .col:first-child{ padding-bottom: 30px;}
.artistSlideBox .centerTitle, .centerTitle{ padding-bottom: 40px;}
.artistSlider .slideInfo h3{ padding-bottom: 18px;}
.artistSlider .slideInfo h5{ padding-bottom: 12px}
.commonSpace.artistSlideBox{ padding-bottom: 80px;}
.artistSlider .slick-dots{ bottom: -46px;}
  /* home page start here */

  /* your Platform start here */
  .yourPlatform h2{ font-size: 40px; line-height: 44px; padding-bottom: 22px;}
  /* your Platform end here */

  .heroContent h1{ font-size: 40px; line-height: 40px;}
  .detailPoster .box::before{ padding-top: 320px;}

  /* about page start here */
  .aboutDesc{ padding-bottom: 20px;}
  .scenesIcon ul{ display: block;}
  .scenesIcon ul li{ width: 100%; text-align: center;}
  .scenesIcon ul li img{ margin: 0 auto;}
  /* about page end here */

  /* blog list stat here */
  .NewsRecords{ width: 100%; padding-bottom: 28px;}
  .NewsRecords:last-child{ padding-bottom: 0px;}
  .listImage{ padding-bottom: 20px;}
  .NewsRecords .entry{ padding-bottom: 15px;}
  .newsloadmore{ padding-top:28px;}

  .relatedBlogPostBox .bloginfo{ padding: 0 10px!important;}
  .commonSpace.relatedBlogPostBox{ padding-bottom: 40px;}

  .newsDetail .col_70_30 .col:last-child{ margin-top: 20px;}
  /* blog list end here */

  /* home news list stat here */
  .col_1_1_1.blogList .col{width:100%; padding-bottom:24px;}
  .col_1_1_1.blogList .col:last-child{ padding-bottom:4px;}
  .centerTitle{ padding-bottom: 30px;}
  .col_1_1_1.blogList .col .bloginfo{ padding: 20px; padding-bottom:50px;}

  .boxBorder .readMore{ left: 20px; bottom: 20px;}
  .bloginfo h3{ height: auto!important;}
  /* home news list end here */

  /* dvo header start here */
  .dvoHeroSection h1{ font-size: 40px; line-height: 40px;}
  /* dvo header end here */

  /* dvo details start here */
  .Features ul li.col{ width: 100%; padding-bottom: 40px; padding-left: 0px; padding-right: 0px;}
  .Features ul li.col:last-child{ padding-bottom:30px;}
  .Features ul li:nth-child(3n+1) .iconTextHolder{ margin:0 auto!important;}
  .Features ul li:nth-child(3n+3) .iconTextHolder{ margin:0 auto!important;}
  .fearureTitle{ padding-top: 20px; }

  .product .summary .cart{ width: 100%; padding-right:0px; padding-bottom: 30px; border-bottom: #dbdbdb solid 1px;}
  .ProductFreeTrail{ width: 100%; padding-left:0px;}
  .product .summary .trialBox{ padding-top: 30px; border-bottom: #dbdbdb solid 1px;}

  .woocommerce-thankyou-order-details li{ width: 46%;}
  /* dvo details start here */

  /* my account start here */
  .woocommerce-address-fields #shipping_first_name_field, .woocommerce-address-fields #billing_first_name_field,
  .woocommerce-address-fields #shipping_last_name_field, .woocommerce-address-fields #billing_last_name_field,
  .woocommerce-billing-fields #billing_first_name_field, .woocommerce-billing-fields #billing_last_name_field{width:100%;}
  /* my account end here */

  /* contact page start here */
  .contactBox .col_40_60 > .col:first-child{ padding-bottom: 40px;}
  .contactform .col_1_1 .col{ width: 100%; padding-left: 0px; padding-right: 0px;}
  .contactform ul li.submitSec{ display: block; padding-top: 14px;}
  .submitBox, .submitBox input[type="submit"]{ display: block; width: 100%;}
  body.page-template-template-contact-us .contactform ul li .submitBox{ margin-top: 10px;}
  /* contact page end here */

  /* shop stat here */
  .productList .products.grid.col_1_1_1 .product{ width: 100%!important; padding-bottom: 24px!important;}
  .productList .products.grid.col_1_1_1 .product:last-child{ padding-bottom: 10px!important;}

  /* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ max-width:140px!important; width: calc(100% - 40px)!important; text-align: center;} */
/* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ max-width: 140px; width:auto;}
  .buyOpt .productbox{ padding-bottom:80px;}
  .buyOpt .productbox .xoo-qv-button{ bottom: 20px;} */
  /* shop end here */

  /* 404 page start here */
  .pageNotFound > div{ width: 160px; height: 160px; padding-bottom: 25px;}
  .pageNotFound > div span{ font-size: 70px;}
  /* 404 page end here */

  /* footer start here */
  .col_60_16_16_8 .col, .col_60_16_16_8 .col:last-child{ width: 100%; padding-bottom:15px;}
  .col_60_16_16_8 .col:last-child{ padding-bottom: 0px;}
  .footersecTitle{ padding-bottom: 8px;}
  /* footer end here */

  /* hubspot form start */
  .contactform .hs_firstname, .contactform .hs_lastname, .contactform .hs_email, .contactform .hs_phone,
  .contactform .hs_receive_occasional_offersm, .contactform .hs_submit{ width: 100%; padding-left: 0px; padding-right: 0px;}
  .contactform .hs_submit{ padding-top: 10px;}
  .contactform .hs_submit input[type="submit"]{ width: 100%;}
  /* hubspot form end */
}
@media screen and (min-width: 0px) and (max-width:500px) {
  .trialBox .btn{padding-left:10px!important; padding-right:10px!important;}
  .popButtons .btn{ margin:6px auto; float: left; width: 100%; padding-left:10px!important; padding-right:10px!important;}
  .popButtons .btn.trail{ float: none;}

  /* dvo details start here */
  .HowToUseDvoStep .col{ width: 100%; padding-right: 0px; padding-bottom: 24px;}
  .HowToUseDvo h3{ padding-bottom: 5px;}
  /* dvo details end here */
}

@media screen and (min-width: 0px) and (max-width:480px) {
  .alignright, .alignleft, .aligncenter{ margin: 10px auto!important; margin-bottom: 20px!important; float: none!important;}

  /* home page start here */
  /* .fullscreenBox .videoframe{ top:-20%;} */

  .homeSignup .filmworkzImage{ margin-bottom: 20px;}
  .homeSignup .passBox{width: 100%; display: block; padding-left: 0px;}
  .homeSignup .col:first-child{ display: block;}
  /* home page end here */

  /* faq start here */
  .accordionTtitle{ font-weight: 400; font-size: 16px; line-height: 22px;}
  /* faq end here */

  /* backstage passSec start here */
  .backstagePass .filmworkzIcon{ margin-bottom: 20px;}
  .backstagePass .col:first-child{ display: block;}
  .backstagePass .passBox{ width: 100%; max-width: 100%; padding-left: 0px;}
  /* backstage passSec end here */

  /* contact page start here */
  .contactInfo h2, .contactBox h2{ padding-bottom: 20px;}
  .contactInfo .byPhone{ width: 100%; padding: 0 0 20px 0;}
  /* contact page end here */

  /* footer start here */
  .col_60_16_16_8 .col:first-child{ padding-bottom: 20px;}
  .footerTop, .col_80_20 .col:first-child{ padding-bottom: 20px;}
  .footerBottom{ padding-top: 20px;}

  .payipad{ display: none;}
  .payDesktop{ display: block;}
  .footerBottom.col_80_20 .col:first-child{ padding-bottom: 20px;}
  /* footer end here */
}

@media screen and (min-width: 0px) and (max-width:420px) {
/* dvo header start here */
.dvoHeroSection .vidHolder, .dvoHeroSection.detailImage .vidHolder{ top:-90px!important;}
/* dvo header end here */
.woocommerce-thankyou-order-details li{ width:100%; border-bottom:1px dashed #000 !important; border-right: 0px!important; padding:0 0 8px 0!important;}
}

@media screen and (min-width: 0px) and (max-width:370px) {
  .dvoHeroSection .vidHolder{top:-50px!important;}
  .dvoHeroSection.detailImage .vidHolder{ top:-70px!important;}
  ul.toolIcons li{ min-width: 130px;}

  /* .buyOpt .productbox .xoo-qv-button, .buyOpt .productbox .button{ max-width: 100%!important; width: calc(100% - 40px)!important; text-align: center;}
  .buyOpt .productbox{ padding-bottom:140px;}
  .buyOpt .productbox .xoo-qv-button{ bottom: 80px;} */
}
