@media only screen and (max-width: 1800px) {
       .block4 {
           padding: 13% 0 3.5%;
       }
       .block5 {
           padding: 5.5% 0 18.5%;
       }
       .slick-slider {
           max-width: 880px !important;
       }
       .block_top {
        margin-top: -22%;
    }
    .title_page h1 {
        margin-top: -10%;
    }
    .block3 {
        padding: 10% 0 5%;
    }
    .block6 {
        padding: 44% 0 60%;
    }
    .block8 {
        padding: 0 0 18%;
    }
    .block_bottom {
        -webkit-background-size: 100% auto;
        background-size: 120% auto;
        background-position: top center;
    }
    .block9{
        padding: 5% 0 7%;
    }
}

@media only screen and (max-width: 1700px) {
   .block_top {
       margin-top: -20%;
       padding-top: 18%;
   }
   .title_page {
       padding: 20% 0;
   }
   .block2 {
       padding: 12% 0;
   }
   .block3 {
       padding: 5% 0 2%;
   }
   .block4 {
       padding: 20% 0% 10%;
   }
   .block5 {
       padding: 0% 0 18%;
   }
   .manual {
       padding: 4.5% 0 10%;
   }
   .slick-slider {
       max-width: 800px !important;
   }
   .block8 {
       padding: 3% 0 17%;
   }
   .block8 h2 {
       margin-top: -7%;
   }
   .block_top {
    margin-top: -22%;
    padding-top: 22%;
}
}

@media only screen and (max-width: 1600px) {
   .block8 h2 {
       margin-top: -10%;
   }
   .block5 {
       padding: 5% 0 15%;
   }
}

@media only screen and (max-width: 1500px) {
   .title_page {
       padding: 20% 0;
   }
   .block2 {
       padding: 15% 0;
   }
   .block3 {
       padding: 15% 0 2%;
   }
   .block4 {
       padding: 15% 0;
   }
   .manual {
       padding: 5% 0 10%;
   }
   .block_middle {
       margin-top: -10px;
   }
   .block8 h2 {
       margin-top: -12%;
       margin-bottom: 0;
   }
   .slick-slider {
       max-width: 750px !important;
   }
   .block5 {
       padding: 0% 0 25%;
   }
   .block_top {
    margin-top: -23%;
    padding-top: 25%;
}
.block8 {
    padding: 3% 0 13%;
}
.block9 {
    padding: 2% 0 7%;
}
.block_top {
    margin-top: -30%;
    padding-top: 27%;
}
.overall {
   padding-left: 3%;
   padding-right: 3%;
}
.block4 {
    padding: 18% 0 10%;
}
.wrap_mobTerm_new #steps {    /* margin-left: -45px; */
    margin-top: 35px;
}
}

@media only screen and (max-width: 1400px) {
   .slick-slider {
       max-width: 700px !important;
   }
   .block5 {
       padding: 5% 0 30%;
   }
   .block4 {
    padding: 21% 0 10%;
}
}

@media only screen and (max-width: 1300px) {
   .block_top {
       margin-top: -33%;
       padding-top: 30%;
   }
   .title_page {
       padding: 25% 0;
   }
   .block2 {
       padding: 20% 0;
   }
   .block3 {
       padding: 10% 0;
   }
   .block4 {
       padding: 9.5% 0 18%;
   }
   .manual {
       padding: 5.5% 0 10%;
   }

   .block_middle {
       margin-top: -10px;
       padding: 10% 0 0;
   }
   #smush-it6 {
       margin-top: -100px;
   }
   .slick-slider {
       max-width: 650px !important;
   }
   .block5 {
       padding: 2% 0 25%;
   }
   .block4 .text-top {
    margin: 2rem 0 4rem;
}
.block4 .text-bottom {
    margin-top: -4em;
}
}

@media only screen and (max-width: 1200px) {
   .title_page {
       padding: 25% 0;
   }
   .block2 {
       padding: 18% 0;
   }
   .block3 {
       padding: 18% 0;
   }
   .manual {
       padding: 6% 0 10%;
   }
   .block5 {
       padding: 0% 0 20%;
   }
   .slick-slider {
       max-width: 600px !important;
   }
   .block5 {
       padding: 0% 0 30%;
   }
   .block8 {
       width: 48%;
   }
   #nav li {
    margin-left: 30px;
}
}

@media only screen and (max-width: 1100px) {
   .title_page {
       padding: 27% 0;
   }
   .overall {
       width: calc(100% - 6%);
       padding: 0 3%;
   }
   .block_top {
       margin-top: -25%;
       padding-top: 30%;
   }
   .block1 .right {
       width: 37%;
   }
   .block2 {
       padding: 18% 0;
   }
   .block3 {
       padding: 22% 0;
   }
   .block4 {
       padding: 10.5% 0;
   }
   .block4 .text-top {
       margin: 3% 0 7%;
   }
   .manual {
       padding: 6.5% 0 10%;
       -webkit-background-size: 100% auto;
       background-size: 100% auto;
   }
   .video_td {
       display: none;
   }
   .wrap_mobTerm_new {
       width: 500px;
   }
   .mobTerm_new #slider_steps .slides {
       height: 320px;
       margin-top: -30px;
       padding-bottom: 20px;
       width: 100%;
       -webkit-background-size: auto 100%;
       background-size: 100% auto;
   }
   .mobTerm_new #slider_steps .slides {
       padding-left: 23px;
       padding-top: 134px;
   }
   .mobTerm_new #slider_steps .slides li img {
       width: 72px;
       height: auto;
       margin-top: 0;
       left: 0;
   }
   .hide_p {
       display: none;
   }
   #steps .instructions p {
       line-height: 16px !important;
   }
   .card {
       margin-top: -10px;
   }
   .mobTerm_new .number_of_step li span {
       line-height: 32px;
       display: block;
       width: 30px;
       padding-top: 0px;
       height: 30px;
       text-align: center;
       margin-right: 10px;
       cursor: pointer;
       -webkit-border-radius: 30px;
       border-radius: 100%;
       font-size: 24px;
   }
   .mobTerm_new .number_of_step p {
       line-height: 1 !important;
   }
   #wrapper_for_steps_and_video tr:last-child td {
       padding-bottom: 25px !important;
   }
   #smush-it6 {
       /* margin-top: -50px; */
       position: relative;
       /* top: -30px; */
   }
   #wrapper {
       position: relative;
       top: -30px;
   }
   .slick-slider {
       max-width: 550px !important;
   }
   .block5 {
       padding: 0% 0 5%;
   }
   .block_top {
    margin-top: -35%;
    padding-top: 38%;
}
.wrap_mobTerm_new #steps {
    margin-top: 10px;
}
.mobTerm_new #slider_steps {
    width: 140px;
    height: 350px;
    margin-right: 40px;
    margin-left: 10px;
}
#steps  .slide_td{
    width: 130px;
}
.mobTerm_new #steps h1 {
 font-size: 22px;
}
.mobTerm_new #steps .instructions p {
    font-size: 14px;
    line-height: 20px;
}
.connect{
    margin-top:25px !important;
    margin-bottom:5px !important;
}
.mobTerm_new #wrapper_for_steps_and_video td:first-child {
  width:40px !important;
}

#wrapper_for_steps_and_video > table{
 width:100%; 
}
.mobTerm_new #steps h2 {
    font-size: 16px;
}
.mobTerm_new .number_of_step p {
    line-height: 14px !important;
    font-size: 14px !important;
}
#wrapper_for_steps_and_video tr:last-child td {
    padding-bottom: 5px !important;
}
.manual{
    -webkit-background-size:800px auto;
    background-size:800px auto;
}
.block_middle {
    margin-top: 1px;
    padding: 15% 0 0;
}
#nav li:nth-child(3) {
    display: none;
}
.liTabs5 li:nth-child(n+8) {
    display: none;
}
.block7 .txt {
    width: 78%;
    margin: 0% auto 1.5%;
}
.block8 {
    width: 80%;
    padding: 3% 0 3%;
}
.block9 p {
    font-size: 2rem;
    line-height: 2.6rem;
}
.order {
    font-size: 2rem;
}
}

@media (max-width: 960px) {
   #smush-it6 span {
       display: block;
   }
   #nav li:nth-child(3) {
       display: none;
   }
   .liTabs5 li:nth-child(n+9) {
       display: none;
   }
   .liTabs5:before {
       width: 100% !important;
   }
   .afterword {
             /* width: 90%;
             margin-right: auto;
             margin-left: auto;*/
         }
         .listik tbody tr td:nth-child(5) {
           display: none;
       }
       .title_page {
           padding: 20% 0;
       }
       .block_top {
           margin-top: -28%;
           padding-top: 31%;
       }
       .html {
           font-size: 17px;
       }
       .header__video {
           vertical-align: middle
       }
       .block1 #showcase {
           margin-top: 5%;
       }
       .block2 {
           padding: 22% 0;
       }
       .block2 .right {
           width: 55%;
       }
       .block3 {
           padding: 2% 0 4%;
       }
       .manual {
           padding: 7% 0 10%;
       }
       .wrap_mobTerm_new {
           width: 700px;
       }
       .mobTerm_new #slider_steps .slides {
           height: 340px;
           margin-top: -30px;
           padding-bottom: 30px;
           width: 150px;
           -webkit-background-size: auto 95%;
           background-size: auto 95%;
           /* margin-left: 10%; */
       }
       .mobTerm_new #slider_steps .slides {
           padding-left: 32px;
           padding-top: 154px;
       }
       .mobTerm_new #slider_steps .slides li img {
           width: 87px;
           height: auto;
           left: -4px;
       }
       .hide_p {
           display: none;
       }
       #steps .instructions p {
           line-height: 16px !important;
           font-size: 0.8rem !important;
       }
       .card {
           margin-top: -10px;
       }
       .mobTerm_new .number_of_step li span {
           line-height: 31px;
           display: block;
           width: 30px;
           padding-top: 0px;
           height: 30px;
           text-align: center;
           margin-right: 10px;
           cursor: pointer;
           -webkit-border-radius: 30px;
           border-radius: 100%;
           font-size: 24px;
       }
       .mobTerm_new .number_of_step p {
           line-height: 1 !important;
           font-size: 0.9rem !important;
       }
       #wrapper_for_steps_and_video tr:last-child td {
           padding-bottom: 15px !important;
       }
       .block4 {
           padding: 20.5% 0 0;
       }
       .block5 {
           padding: 5% 0 3%;
       }
       .manual {
           margin-top: 5%;
       }
       .slick-slider {
           width: 500px !important;
       }
       .block9 p {
           font-size: 2.0rem;
       }
       .block9 p strong {}
       .order {
           font-size: 2.0rem;
           padding: 2% 4%;
       }
       .wrap_mobTerm_new #steps {
        margin-left: 110px;
    }
    .wrap_mobTerm_new #steps {
        margin-top: 0;
    }
}

@media (max-width: 800px) {
   .block4 {
       padding: 20% 0 32%;
   }
   .block5 {
       padding: 8% 0;
   }
   .manual {
       padding: 7% 0 10%;
       /* margin-top: 15%; */
   }
   .block5 .overall> p span {
       margin-top: 5%;
   }
   #smush-it6 {
       margin-top: -50px;
   }
   #steps h1 {
       font-size: 1.4rem !important;
   }
   #steps h2 {
       font-size: 1rem !important;
   }
   .mobTerm_new .number_of_step {
       padding-left: 0px;
   }
   .wrap_mobTerm_new {
       width: 700px;
   }
   .connect {
       margin-top: 25px !important;
   }
   .mobTerm_new #slider_steps .slides {
       height: 150px;
       margin-top: -30px;
       padding-bottom: 30px;
       width: 300px;
       -webkit-background-size: auto 95%;
       background-size: auto 95%;
       margin-left: 30%;
   }
   .mobTerm_new #slider_steps .slides {
       padding-left: 38px;
       padding-top: 186px;
   }
   .mobTerm_new #slider_steps .slides li img {
       width: 93px;
       height: auto;
       margin-top: -23px;
       left: -8px;
   }
   .hide_p {
       display: none;
   }
   #steps .instructions p {
       line-height: 16px !important;
       font-size: 0.8rem !important;
   }
   .card {
       margin-top: -10px;
   }
   .mobTerm_new .number_of_step li span {
       line-height: 31px;
       display: block;
       width: 30px;
       padding-top: 0px;
       height: 30px;
       text-align: center;
       margin-right: 10px;
       cursor: pointer;
       -webkit-border-radius: 30px;
       border-radius: 100%;
       font-size: 24px;
   }
   .mobTerm_new .number_of_step p {
       line-height: 1 !important;
       font-size: 0.9rem !important;
   }
   #wrapper_for_steps_and_video tr:last-child td {
       padding-bottom: 15px !important;
   }
   .slick-slider {
       max-width: 500px !important;
   }
   .block5 {
       padding: 0% 0 5%;
   }
   .block7 {
       padding: 0 0 5%;
   }
   .block8 h2 {
       font-size: 1.5rem;
   }
   .block_top {
    margin-top: -35%;
    padding-top: 31%;
}
.block3 {
    padding: 10% 0;
}
.block_middle {
    padding: 10% 0 0;
}
.block8 h2 {
    margin-top: 0;
}
}

@media screen and (max-width: 758px) {
   .block7 .txt strong {
       font-size: 0.9rem;
   }
   .title_page {
   }
   .block_top {
       margin-top: -33%;
       padding-top: 40%;
   }
   .block2 {
       padding: 21% 0;
   }
   .block1 span {}
   .block1 hr {
       margin: 10px 0;
   }
   .block2 .right {
       width: 60%;
   }
   .block2 ol li {
       font-size: 1.2rem;
       margin: 6% 0;
   }
   .block3 {
       padding: 12% 0 15%;
   }
   .block3 h2 {
       font-size: 2.0rem;
   }
   .block4 {
       padding: 20% 0 0%;
   }
   .block4 .text-top {
       margin: 3% 0 2%;
       width: 65%;
   }
   .block4 .text-bottom {
       margin-top: -5%;
   }
   .block5 {
       padding: 12% 0 0%;
   }
   .manual {
       padding: 7% 0 10%;
   }
   #steps h1 {
       font-size: 1.4rem !important;
   }
   #steps h2 {
       font-size: 0.8rem !important;
       /* margin-left: -10% !important; */
   }
   .mobTerm_new .number_of_step {
       padding-left: 0px;
   }
   .wrap_mobTerm_new {
       width: 700px;
   }
   .connect {
       margin-top: 25px !important;
   }
   .mobTerm_new #slider_steps .slides {
       height: 350px;
       /* padding-bottom: 30px; */
       width: 135px;
       /* -webkit-background-size: auto 95%; */
       /* background-size: auto 95%; */
       margin-left: 0;
   }
   .mobTerm_new #slider_steps .slides {
       padding-left: 41px;
       padding-top: 197px;
   }
   .mobTerm_new #slider_steps .slides li img {
       width: 88px;
       height: auto;
       margin-top: -39px;
       left: -12px;
   }
   .hide_p {
       display: none;
   }
   #steps .instructions p {
       line-height: 16px !important;
       font-size: 0.8rem !important;
       margin-left: -10%;
   }
   .card {
       margin-top: -10px;
   }
   .mobTerm_new .number_of_step li span {
       line-height: 31px;
       display: block;
       width: 30px;
       padding-top: 0px;
       height: 30px;
       text-align: center;
       margin-right: 10px;
       cursor: pointer;
       -webkit-border-radius: 30px;
       border-radius: 100%;
       font-size: 24px;
   }
   .mobTerm_new .number_of_step p {
       line-height: 1 !important;
       font-size: 0.9rem !important;
       /* margin-left: -10% !important; */
   }
   #wrapper_for_steps_and_video tr:last-child td {
       padding-bottom: 15px !important;
   }
   .liTabs5 li:nth-child(n+8) {
       display: none;
   }
   .block7 .txt {
       font-size: 0.7rem;
   }
   .block8 {
       display: none;
   }
   .slick-slider {
       width: 100% !important;
   }
   .block7 {
       padding: 0 0 8%;
   }
   .block9 {
       padding: 7% 0 7%;
   }
   .wrap_mobTerm_new #steps {
    margin-left: 80px;
    margin-top:10px;
}
}

@media screen and (max-width: 675px) {
   .liTabs5 li:nth-child(n+6) {
       display: none;
   }
   #nav li a {
       -webkit-background-size: 40px auto !important;
       background-size: 40px auto !important;
       padding-left: 50px !important;
   }
   #nav li:nth-child(1) {
       margin-left: 150px !important;
   }
   .title_page h1 {
    margin-top: 0%;
}
}

@media screen and (max-width: 600px) {
   .html {
       font-size: 16px;
   }
   .title_page {
   }
   .block_top {
       margin-top: -40%;
       padding-top: 40%;
   }
   .block1 #showcase {
       margin-top: 10%;
   }
   .block2 {
       padding: 23% 0;
   }
   .block2 .right {
       width: 90%;
   }
   .block3 {
       padding: 25% 0 25%;
   }
   .block3 h2 {
       font-size: 1.8rem;
   }
   .block4 {
       padding: 12.5% 0 0%;
   }
   .block4 .text-top {
       margin: 10% 0 5%;
       width: 100%;
   }
   .block4 .text-bottom {
       margin-top: 10%;
       width: 100%;
       float: none;
   }
   #fade-it img {
       width: 100%;
       margin-left: 0;
       margin-top: 0;
   }
   .block5 {
       padding: 12% 0 7%;
   }
   .manual {
       padding: 7% 0 10%;
       margin-top: 25%;
   }
   #steps h1 {
       font-size: 1.0rem !important;
   }
   #steps h2 {
       font-size: 0.7rem !important;
       /* margin-left: -35px !important; */
   }
   .mobTerm_new .number_of_step {
       padding-left: 0px;
       margin-top: -5px;
   }
   .wrap_mobTerm_new {
       width: 700px;
   }
   .connect {
       margin-top: 25px !important;
   }

   .hide_p {
       display: none;
   }
   #steps .instructions p {
       line-height: 10px !important;
       font-size: 0.6rem !important;
       margin-left: -23%;
       position: relative;
       top: 5px;
   }
   .card {
       margin-top: -10px;
       width: 60px;
   }
   .mobTerm_new .number_of_step li span {
       line-height: 24px;
       display: block;
       width: 25px;
       padding-top: 0px;
       height: 25px;
       text-align: center;
       margin-right: 10px;
       cursor: pointer;
       -webkit-border-radius: 30px;
       border-radius: 100%;
       font-size: 18px;
   }
   .mobTerm_new .number_of_step p {
       line-height: 1 !important;
       font-size: 0.7rem !important;
       /* margin-left: -35px !important; */
   }
   #wrapper_for_steps_and_video tr:last-child td {
       padding-bottom: 15px !important;
   }
   .mobTerm_new #slider_steps {
       margin-right: 0;
   }
   .block_middle {
       margin-top: -20px;
   }
   .wrap_mobTerm_new #steps {
    margin-left: 55px;
    margin-top: 20px;
}
.mobTerm_new #slider_steps .slides {
    height: 350px;
}
.block_middle {
    padding: 20% 0 0;
}
#nav li:nth-child(1) {
    margin-left: 175px !important;
}
.block4 .text-bottom {
    margin-top: 5%;
}
}

@media screen and (max-width: 524px) {
   #smush-it6 span {
       display: none;
   }
   .imgFiltr {
       display: block;
   }
   #wrapper {
       display: none;
   }
   .html {
       font-size: 14px;
   }
   .title_page {
       padding: 30% 0;
   }
   .block_top {
       margin-top: -40%;
       padding-top: 40%;
       -webkit-background-size: 300% auto;
       background-size: 300% auto;
   }
   .block1 .right {
       width: 60%;
   }
   .block1 .logo {
       margin: 0 auto 15px;
       width: 40%;
   }
   .block1 hr {
       margin: 10px 0;
   }
   .block2 {
       padding: 20% 0 0;
   }
   .block3 {
       padding: 2% 0;
   }
   .block5 {
       padding: 15% 0;
   }
   .manual {
       padding: 7% 0 10%;
       margin-top: 5%;
   }
   #steps h1 {
       font-size: 1.0rem !important;
       margin-left: -0px;
       margin-top: 10px !important;
   }
   #steps h2 {
       font-size: 0.7rem !important;
       margin-left: -5px !important;
   }
   .mobTerm_new .number_of_step {
       padding-left: 0px;
       margin-top: -5px;
   }
   .wrap_mobTerm_new {
       width: 700px;
   }
   .connect {
       margin-top: 25px !important;
       /* margin-left: -50px; */
   }

   .hide_p {
       display: none;
   }
   #steps .instructions p {
       line-height: 10px !important;
       font-size: 0.6rem !important;
       margin-left: -23%;
       position: relative;
       top: 5px;
       display: none;
   }
   .card {
       margin-top: -10px;
       width: 60px;
       display: none;
   }
   .mobTerm_new .number_of_step li span {
       line-height: 24px;
       display: block;
       width: 25px;
       padding-top: 0px;
       height: 25px;
       text-align: center;
       margin-right: 10px;
       cursor: pointer;
       -webkit-border-radius: 30px;
       border-radius: 100%;
       font-size: 18px;
   }
   .mobTerm_new .number_of_step p {
       line-height: 1 !important;
       font-size: 0.7rem !important;
       margin-left: -5px !important;
   }
   #wrapper_for_steps_and_video tr:last-child td {
       padding-bottom: 15px !important;
   }
   .mobTerm_new #slider_steps {
       margin-right: 0;
   }
   .slide_td {}
   #wrapper_for_steps_and_video {
       margin-left: -10px;
       margin-top: -10px;
   }
   .block4 {
       padding: 35% 0 5%;
   }
   .manual {
       margin-top: 10%;
   }
   .block_middle {
       margin-top: -30px;
       padding-bottom: 5%;
   }
   #smush-it6 {
       width: 90%;
   }
   .block1 p.ipad {
    display: block;
    margin-bottom: 5.5rem;
}
.block1 p,  .block1 hr{
    display:none;
}
.block3 h2 {
    font-size: 1.3rem;
    line-height:1.8rem
}
}

@media screen and (max-width: 435px) {
   .block1 hr,
   .block1 p span {
       display: none;
   }
   .block2 {
       padding: 27% 0 5%;
   }
   #steps h1 {
       font-size: 1.0rem !important;
       /* margin-left: -105px; */
       margin-top: 10px !important;
   }
   #steps h2 {
       font-size: 0.7rem !important;
       margin-left: -35px !important;
       display: none;
   }
   .mobTerm_new .number_of_step {
       padding-left: 0px;
       margin-top: -5px;
   }
   .wrap_mobTerm_new {
       width: 700px;
   }
   .connect {
       margin-top: 25px !important;
       margin-left: -50px;
   }
/*    .mobTerm_new #slider_steps .slides {
       height: 10px;
       margin-top: -30px;
       padding-bottom: 0px;
       width: 300px;
       -webkit-background-size: auto 80%;
       background-size: auto 80%;
       margin-left: 20%;
   }
   .mobTerm_new #slider_steps .slides {
       padding-left: 38px;
       padding-top: 186px;
   }
   .mobTerm_new #slider_steps .slides li img {
       width: 41px;
       height: auto;
       margin-top: 0px;
       left: -23px;
       top: -90px;
       } */
       .hide_p {
           display: none;
       }
       #steps .instructions p {
           line-height: 10px !important;
           font-size: 0.6rem !important;
           margin-left: -23%;
           position: relative;
           top: 5px;
           display: none;
       }
       .card {
           margin-top: -10px;
           width: 60px;
           display: none;
       }
/*    .mobTerm_new .number_of_step li span {
       line-height: 19px;
       display: block;
       width: 20px;
       padding-top: 0px;
       height: 20px;
       text-align: center;
       margin-right: 10px;
       cursor: pointer;
       -webkit-border-radius: 30px;
       border-radius: 100%;
       font-size: 16px;
   }
   .mobTerm_new .number_of_step p {
       line-height: 1 !important;
       font-size: 0.65rem !important;
       margin-top: 7px;
       margin-left: -45px !important;
   }
   #wrapper_for_steps_and_video tr:last-child td {
       padding-bottom: 15px !important;
   }
   .mobTerm_new #slider_steps {
       margin-right: 0;
   }
   .slide_td {}
   #wrapper_for_steps_and_video {
       margin-left: -105px;
       margin-top: -30px;
   }
   .mobTerm_new #slider_steps {
       height: 200px;
       } */
       .block5 {
           padding: 15% 0 5%;
       }
       #showcase2, .block4 .text-bottom {
        display:none
    }
    .block4 {
        padding: 25% 0 5%;
    }
    .wrap_mobTerm_new #steps {
        margin-left: 10px;
        margin-top: 20px;
    }
    #smush-it6 {
        margin: 0px auto 0px;
    }
    .block9 p {
        font-size: 1.5rem;
        line-height:1.8rem;
    }
    .order {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 414px) {
   .html {
       font-size: 14px;
   }
   .title_page {
       padding: 35% 0;
   }
   .block_top {
       margin-top: -37%;
       padding-top: 38%;
   }
   .block1 .logo {
       width: 80%;
   }
   .block2 {
       padding: 4% 0;
   }
   .gallery figure {
       width: 20%;
   }
   .block3 {
       padding: 2% 0 7%;
   }
   .block3 h2 {
       /* margin-top: -15%; */
       font-size: 1.2rem;
   }
   .block4 {
       padding: 12.5% 0 15%;
   }
   .block5 {
       padding: 15% 0;
   }
   .manual {
       padding: 7% 0 10%;
       margin-top: 5%;
   }
   .block1 span,
   .block1 hr {
       display: none;
   }
   .block1 p {
       display: none;
   }
   .ipad {
       display: block !important;
   }
   #steps h1 {
       font-size: 0.8rem !important;
       margin-left: 5px;
       margin-top: 10px !important;
   }
   #steps h2 {
       font-size: 0.7rem !important;
       margin-left: -35px !important;
       display: none;
   }
   .mobTerm_new .number_of_step {
       padding-left: 0px;
       margin-top: -5px;
   }
   .wrap_mobTerm_new {
       width: 700px;
   }
   .connect {
       margin-top: 25px !important;
       margin-left: -5px;
   }
   .mobTerm_new #slider_steps .slides {
    height: 330px;
    padding-left: 39px;
    padding-top: 190px;
}
.mobTerm_new #slider_steps .slides li img {
    width: 84px;
}
.hide_p {
   display: none;
}
#steps .instructions p {
   line-height: 10px !important;
   font-size: 0.6rem !important;
   margin-left: -23%;
   position: relative;
   top: 5px;
   display: none;
}
.card {
   margin-top: -10px;
   width: 60px;
   display: none;
}
.mobTerm_new .number_of_step li span {
   line-height: 19px;
   display: block;
   width: 20px;
   padding-top: 0px;
   height: 20px;
   text-align: center;
   margin-right: 10px;
   cursor: pointer;
   -webkit-border-radius: 30px;
   border-radius: 100%;
   font-size: 16px;
}
.mobTerm_new .number_of_step p {
   line-height: 1 !important;
   font-size: 0.65rem !important;
   margin-top: 7px;
   /* margin-left: -45px !important; */
}
#wrapper_for_steps_and_video tr:last-child td {
   padding-bottom: 15px !important;
}
.mobTerm_new #slider_steps {
   margin-right: 0;
}
.slide_td {}
#wrapper_for_steps_and_video {
   margin-left: -5px;
   margin-top: -30px;
}
.block4 {
   padding: 12.5% 0 15%;
}
.manual {
   margin-top: 10%;
}
.mobTerm_new #slider_steps {
   height: 300px;
}
#smush-it6 {
   /* margin-top: 10%; */
}
.block9 p {
   font-size: 1.4rem;
}
.block9 p strong {}
.order {
   font-size: 1.4rem;
   padding: 2% 4%;
}
.block_middle {
    margin-top: 0;
    padding: 0% 0;
    padding-bottom: 5%;
}
}

@media screen and (max-width: 380px) {
   .html {
       font-size: 14px;
   }
   .title_page {
       padding: 35% 0;
   }
   .block_top {
       margin-top: -37%;
       padding-top: 38%;
   }
   .block1 {
       padding: 5% 0 2%;
   }
   .block2 {
       padding: 5rem 0 0;
       margin-bottom: 5.5rem;
   }
   .block3 {
       padding: 2% 0;
   }
   .block4 {
       padding: 18% 0;
   }
   .block4 .text-top {
       margin: 10% 0 5%;
       width: 100%;
   }
   .block4 .text-bottom {
       margin-top: 3%;
       width: 100%;
       float: none;
   }
   #fade-it img {
       width: 100%;
       margin-left: 0;
       margin-top: 0;
   }
   .manual {
       padding: 7% 0 10%;
       margin-top: 5%;
   }
   #steps h1 {
       font-size: 0.8rem !important;
       margin-left: -105px;
       margin-top: 10px !important;
   }
   #steps h2 {
       font-size: 0.7rem !important;
       margin-left: -35px !important;
       display: none;
   }
   .mobTerm_new .number_of_step {
       padding-left: 0px;
       margin-top: -5px;
   }
   .wrap_mobTerm_new {
       width: 100%;
       left: 0;
   }
   .connect {
       margin-top: 25px !important;
       margin-left: -50px;
   }
   .mobTerm_new #slider_steps .slides {
       height: 10px;
       margin-top: -35px;
       padding-bottom: 0px;
       width: 300px;
       -webkit-background-size: auto 80%;
       background-size: auto 80%;
       margin-left: 20%;
   }
   .mobTerm_new #slider_steps .slides {
       padding-left: 38px;
       padding-top: 186px;
       -webkit-background-size: auto 65%;
       background-size: auto 65%;
   }
   .mobTerm_new #slider_steps .slides li img {
       width: 34px;
       height: auto;
       margin-top: 0px;
       left: -25px;
       top: -101px;
   }
   .hide_p {
       display: none;
   }
   #steps .instructions p {
       line-height: 10px !important;
       font-size: 0.6rem !important;
       margin-left: -23%;
       position: relative;
       top: 5px;
       display: none;
   }
   .card {
       margin-top: -10px;
       width: 60px;
       display: none;
   }
   .mobTerm_new .number_of_step li span {
       line-height: 15px;
       display: block;
       width: 15px;
       padding-top: 0px;
       height: 15px;
       text-align: center;
       margin-right: 10px;
       cursor: pointer;
       -webkit-border-radius: 30px;
       border-radius: 100%;
       font-size: 13px;
   }
   .mobTerm_new .number_of_step p {
       line-height: 1 !important;
       font-size: 0.55rem !important;
       margin-top: 7px;
       margin-left: -50px !important;
   }
   #wrapper_for_steps_and_video tr:last-child td {
       padding-bottom: 15px !important;
   }
   .mobTerm_new #slider_steps {
       margin-right: 0;
   }
   .slide_td {}
   #wrapper_for_steps_and_video {
       margin-left: -105px;
       margin-top: -30px;
   }
   .block4 {
       padding: 30% 0 15%;
   }
   .manual {
       margin-top: 10%;
   }
   .block5 {
       padding: 10% 0 25%;
   }
   #smush-it6 {
       margin-top: -10%;
       margin-bottom: 5%;
   }
   .block7 .txt {
       width: 70%;
   }
   .block7 {
       padding: 3% 0 8%;
   }
   .title_page h1 {
    font-size: 1.4rem;
}
.block1 #showcase{
   display:none;
}
.block2 h2 {
    font-size: 1.3rem;
    margin-bottom: 2%;
}

.block2 ol li {
    font-size: 0.8rem !important;
    margin: 3% 0!important;
}
}

@media screen and (max-width: 350px){
    .block2 {
        margin-bottom: 2rem;
    }
}

@media screen and (max-width: 345px){
    .block2 {
        padding: 2rem 0 0;
    }
}

@media screen and (max-width: 330px){
    .block2 {
        padding: 0.5rem 0 0;
    }
}

@media screen and (max-width: 360px){
    .block4 {
        padding: 25% 0 15%;
    }
}
@media screen and (max-width: 350px){
    .block4 {
        padding: 25% 0 15%;
    }
}
@media screen and (max-width: 330px){
    .block4 {
        padding: 20% 0 15%;
    }
}
@media screen and (max-width: 325px){
    .block4 {
        padding: 10% 0 15%;
    }
}

@media screen and (max-width: 380px){
    .block5 .overall> p,
    #steps{
        display:none;
    }
    .steps_img{
        display:block;
        width: calc(100% - 30px);
        height: 330px;
        background: url('/templates/img/img_projects/2can/screen_steps.jpg') no-repeat center center transparent;
        margin: 20px auto;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }
}