@media (min-width: 0px) and (max-width: 350px) {

  
          html,body{
                        overflow-x: hidden;
                            }
                            body{
                                position: relative;
                            }


                            .button-effect {
                                margin-bottom: 2rem;
                                margin-top: 2rem!important;
                            }

                            .hidedesk{
                                display: block;
                              }
                            
                            
                              .hide320showdesk{
                                display:none;
                              }

                              .secondsectioneasy {
                                height: 363px;
                            }

           .herosection-logo h2 , .herosection-logofooter h2{
            font-size: 30px;
            margin-left: 0;
            }
            .herosection-logo img {
                    margin-top: 0;
            }

            .section-thirdsection-content p {
                padding-top: 1rem;
    padding-left: 2rem;
    padding-right: 10rem;
    font-size: 10px;
    line-height: inherit;
           }

            .box-quote{
                font: normal normal bold 100px/102px Helvetica Neue;
                                        }

            .herosection-logo img, .herosection-logofooter img {
            width: 100px;
                }

                form#frmContact {
        margin: 1rem;
    }


    .wrapthesebox img {
        margin-top: 3rem;
    }

    .shadowboxthree {
        width: 88%;
        left: 2%;
        top: 17%;
        height: 60%;
       

    }

    section.sevensection {
              margin-top: 2rem;
    }

    .shadowboxtwo {
        width: 82%;
        left: 13%;
        top: 11%;
height: 57%;
    }

    .shadowboxone {
        width: 76%;
        left: 22%;
    top: 25%;
        height: 51%;
    }
     .herosection-leftcontent h1 {
        font: normal normal bold 35px Poppins;
       }

       .herosection-leftcontent p {
         font: normal normal 300 12px/26px Poppins;
           width: 100%;
       
    }

    .shadowboxone {
        width: 76%;
        left: 22%;
        top: 3%;
        height: 52%;
    }

    form#frmContact {
        margin: 1rem;
    }

    input#submitBtn {
      
        margin-top: -6rem;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .herosection-leftcontent {
     
        padding: 1rem;
    }
    .wrapallimagesandcontent {
        margin: -6.5rem;
    }


    .wrapallimagesandcontent h3 {
           margin-bottom: -1rem;
           margin-top: 0!important;
           margin:0;
    }

    input#userName, input#userEmail, textarea#userMessage {
           margin-top: -2.3rem;
    }

    .herosection-leftcontent h3 a , .wrapallimagesandcontent h3{
        font: normal normal normal 14px/35px Helvetica Neue;
        }

    input#submitBtn {
        margin: 0;
        margin-top:-87px;
    }
            div#nav-icon1 {
                    margin: 1rem;
            }

            .sidenav {
                     width: 50%;
            }

            .herosection-content h1 {
                  font-size: 35px;
                  line-height: 40px;
                  margin: 0 1rem;
            }

            .herosection-logo h2 {
                   font-size: 30px;
            }
            .herosection-logo img {
                    margin-top: 0;
            }

            .herosection-content {
                margin: 0;
            }
            .herosection-content p {
                    font-size: 14px;
                letter-spacing: 0px;
                color: #000000;
                opacity: 0.5;
                font-style: normal;
                line-height: 33px;
                margin-top: 3rem;
                margin: 1rem;
                width: 94%;
            }

            button.btn.btn-outline-dark.btndesign {
                margin-bottom: 1.5rem;
            }

            .herosection-thrid, .herosection-thrid img {
           height: 274px;
           top: 3%;
            }

          .herosection-second, .herosection-second img {
            position: absolute;
            height: 212px;
            top: 15.5%;
            left: 5%;
        }

        .secondsectioneasy {
                  margin-right: 0rem;
           margin-left: 0rem; 
        }

        .contentslider h5 {
            font: normal normal 25px/35px Helvetica Neue;
        }

        section.sevensection {
                   padding: 1rem;
                   
        }
        .secondsectioneasy img, .thirdsectionultimate img {
            width: 120px;
        }

        section.secondsection {
            margin: 1.5rem;
        }

        span.Arrows {
            top: -69%;
            justify-content: center;
        }

        .Container .Head .Slick-Prev, .Container .Head .Slick-Next {
            margin: 0rem;
        }
/* 

        .shadowboxthree ,.shadowboxtwo ,.shadowboxone {
            width: 100%;
            left: 0%;
            top: 8%;
       
            } */

            .slick-list {
                width: 568px;
                height: 479px;
                margin-right: 0.5rem;
                /* margin-top: 13rem; */
                margin-top: 22rem;
              }

            /* .slick-list {
                overflow: inherit;
                width: 100%;
                height: 100%;
                margin-top: 10rem;
            } */
            .screenshottetx h3, .screenshottetxfour h3 , .screenshottetxsix h3 {
                font: normal normal bold 30px/35px Helvetica Neue;
            }
            .section-thirdsection-content h4 {
                padding-top: 2rem;
                text-align: left;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
                padding-left: 2rem;
                padding-right: 10rem;
                line-height: 25px;
                font-size: 15px;
                font-style: normal;
                font-weight: normal;
            }

           
            .section-fivesection-content h4 {
                padding-top: 2rem;
                text-align: left;
                opacity: 1;
                font-size: 25px;
                font-style: normal;
                font-weight: normal;
                padding-left: 10rem;
                padding-right: 1rem;
                line-height: 30px;
                letter-spacing: 0px;
            }

            .section-fivesection-content p {

               padding-top: 0rem;
        padding-left: 10rem;
            }

            .section-fivesection-content p {
        
                padding-top: 1rem;
                padding-left: -1rem;
                padding-right: 1rem;
                font-size: 10px;
                line-height: inherit;
    }
            .section-thirdsection-content, .section-fivesection-content {
               
                height: 400px;
            }

            .section-thirdsection img {
                position: absolute;
                left: 50%;
                top: 5%;
                width: 150px;
            }

            .section-fivesection img {
                position: absolute;
                left: 4%;
                top: 8%;
                width: 155px;
            }

            .wrapsecondcolforthirdsection {
                  margin: -0.5rem 0 0 0!important;
            }

            .wrapfirstcolforfivesection {
                margin: -0.5rem 0 0 0!important;
          }


            .thirdsectionultimate, .fivesectionultimate{
                margin: 1rem;
            }

            section.thirdsection {
                padding-bottom: 1.5rem;
                padding-left: 0;
                padding-right: 0;
            }
            .wrapperallScreenshotsection {
                display: flex;
                flex-direction: column;
                padding: 0;
            }
            .screenshottetxfour {
                float: none;
                top: 0;
                left: 0;
                text-align: center;
            }

            .screenshottetxsix {
                float: none;
                top: 10px;
                left: 0;
                text-align: center;
                margin-bottom: 1.5rem;
            }


            section.fivesection {
                padding: 0;
                margin: 2rem 0 0 0!important;
            }

            .contentslider {
                   
                transform: translate(52px, 15px);
                margin-top: 0;
            }

            section.foursection {
                     padding: 2rem 0 0 0;
            }

                section.sixsection{
                margin: 2rem 0;
            }

            /* .shadowboxthree {
                width: 100%;
                left: 0%;
                top: 27%;
                height: 775px
               

            }

            .shadowboxtwo {
                width: 100%;
                left: 0%;
                top: 21%;
                height: 775px
                

            }

            .shadowboxone {
                width: 100%;
                left: 0%;
                top: 24%;
                height: 864px;
            } */
            .Container.reviewsection {
                margin-top: -12rem;
            }

}

@media (min-width: 351px) and (max-width: 375.95px){

    .herosection-thrid, .herosection-thrid img {
            top: 3%;
    }

    .herosection-second, .herosection-second img {
       
        top: 15%!important;
    }

    .shadowboxthree {
        width: 88%!important;
        left: 10%!important;
        top: 26%!important;
        height: 67%!important;
    }

    .shadowboxtwo {
        width: 82%!important;
        left: 21%!important;
        top: 21%!important;
        height: 66%!important;
    }

    .shadowboxone {
        width: 76%!important;
        left: 31%!important;
        top: 16%!important;
        height: 65%!important;
    }

    .contentslider {
        transform: translate(65px)!important;
        margin-top: 0;
    }

    .section-thirdsection img {
              left: 54%!important;
            }

            span.Arrows {
                top: -72%!important;
            }
    

    .section-thirdsection-content h4 {
        padding-top: 1rem!important;
        font-size: 16px!important;
    }
}

@media (min-width: 351px) and (max-width: 575.95px) {
      html,body{
                        overflow-x: hidden;
                            }
                            body{
                                position: relative;
                            }
     .herosection-logo img, .herosection-logofooter img {
    width: 90px;
}

.boxmargintop {
    margin-top: 0!important;
}

span.Arrows {
    top: -68%;
    justify-content: center;
}


.Container .Head .Slick-Prev , .Container .Head .Slick-Next{
     margin: 0rem;
}

             div#nav-icon1 {
                 margin: 1rem;
             }

            .sidenav {
                     width: 50%;
            }

            .herosection-content h1 {
                  font-size: 35px;
                  line-height: 40px;
                  margin: 0 1rem;
            }

            .herosection-logo h2 , .herosection-logofooter h2{
                font-size: 30px;
                margin-left: 0;
            }
            .herosection-logo img {
                    margin-top: 0;
            }

            .herosection-content {
                margin: 0;
            }
            .herosection-content p {
                    font-size: 14px;
                letter-spacing: 0px;
                color: #000000;
                opacity: 0.5;
                font-style: normal;
                line-height: 33px;
                margin-top: 3rem;
                margin: 1rem;
                width: 94%;
            }

            button.btn.btn-outline-dark.btndesign {
                margin-bottom: 1.5rem;
            }

            .herosection-thrid, .herosection-thrid img {
                   height: 329px;
                  }

                  .herosection-second, .herosection-second img {
                    position: absolute;
                    height: 248px;
                    top: 19%;
                    left: 7%;
                }
                .secondsectioneasy {
                    height: 373px;
                }

                .secondsectioneasy {
                          margin-right: 0rem;
                   margin-left: 0rem; 
                }

                .contentslider h5 {
                    font: normal normal 25px/35px Helvetica Neue;
                }

                section.sevensection {
                    margin-top: 3rem;
                    padding-top: 1rem;
                    padding-right: 3rem;
                    padding-bottom: 1rem;
                    padding-left: 2rem;
                
                        
                }
                .secondsectioneasy img, .thirdsectionultimate img {
                    width: 120px;
                }

                section.secondsection {
                    margin: 1.5rem;
                }

                .shadowboxthree ,.shadowboxtwo ,.shadowboxone {
                    width: 100%;
                    left: 0%;
                    top: 8%;
               
            }

            .slick-list {
                overflow: inherit;
                width: 100%;
                height: 100%;
                margin-top: 10rem;
            }
            .screenshottetx h3, .screenshottetxfour h3 {
                font: normal normal bold 40px/35px Helvetica Neue;
                margin-bottom: 2rem;
            }

            .screenshottetxsix h3 {
                font: normal normal bold 40px/35px Helvetica Neue;
                margin-bottom: 3rem;
            }

            .section-thirdsection-content h4 {
                padding-top: 2rem;
                text-align: left;
                letter-spacing: 0px;
                color: #FFFFFF;
                opacity: 1;
                padding-left: 2rem;
                padding-right: 12rem;
                line-height: 26px;
                font-size: 25px;
                font-style: normal;
                font-weight: normal;
            }

            .section-fivesection-content h4 {
                padding-top: 2rem;
                text-align: left;
                opacity: 1;
                font-size: 25px;
                font-style: normal;
                font-weight: normal;
                padding-left: 11rem;
                padding-right: 0rem;
                line-height: 26px;
                letter-spacing: 0px;
            }

            .section-fivesection-content p {
                   padding-top: 1rem;
                  padding-left: 11rem;
            padding-right: 1rem;
        
            font-size: 12px;
            line-height: inherit;

            }
            .section-thirdsection-content, .section-fivesection-content {
               
                height: 400px;
            }

            .section-thirdsection img {
                position: absolute;
                left: 56%;
                top: 5%;
                width: 169px;
            }

            .section-fivesection img {
                position: absolute;
                left: 4%;
                top: 5%;
                width: 169px;
            }

            .wrapsecondcolforthirdsection, .wrapfirstcolforfivesection {
                  margin: 2rem 4rem 1rem 0.5rem;
            }

            .thirdsectionultimate, .fivesectionultimate{
                margin: 1rem;
            }


            .wrapthesebox img {
                margin-top: 3rem;
            }
            section.thirdsection {
                padding-bottom: 1.5rem;
                padding-left: 0;
                padding-right: 0;
            }
            .wrapperallScreenshotsection {
                display: flex;
                flex-direction: column;
            }
            .screenshottetxfour {
                float: none;
                top: 0;
                left: 0;
                text-align: center;
            }

            .screenshottetxsix {
                float: none;
                top: 28px;
                left: 0;
                text-align: center;
            }

            section.fivesection {
                padding: 0;
            }

            .contentslider {
                   
                transform: translate(96px);
                margin-top: 0;
            }

            section.foursection {
                     padding: 2rem 0 0 0;
                     margin-top: -2rem;
            }

                section.sixsection{
                margin: 2rem 0;
            }

            .shadowboxthree {
                width: 88%;
                left: 8%;
                top: 26%;
                height: 60%;
            }
               

        

            .shadowboxtwo {
                width: 82%;
                left: 18%;
                top: 20%;
                height: 57%;
            }

            .shadowboxone {
                width: 76%;
                left: 26%;
                top: 11%;
                height: 51%;
            }
            .section-thirdsection-content p {
                padding-top: 1rem;
                padding-left: 2rem;
                padding-right: 12rem;
                font-size: 12px;
                line-height: inherit;
           }
                                    .herosection-leftcontent h1 {
    font: normal normal bold 35px Poppins;
   }

   .herosection-leftcontent p {
     font: normal normal 300 12px/26px Poppins;
       width: 100%;
   
}

form#frmContact {
    margin: 1rem;
}

input#submitBtn {
  
    margin-top: -6rem;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

.wrapallimagesandcontent {
    margin: -5.5rem;
}

.herosection-leftcontent {
      padding: 1rem;
}

.herosection-leftcontent h3 a , .wrapallimagesandcontent h3{
    font: normal normal normal 14px/35px Helvetica Neue;
    }
    .thirdsectionultimatebox {
    margin-bottom: 1rem!important;
    margin: 0 1.7rem;
}

.box-quote{
    font: normal normal bold 108px/93px Helvetica Neue;
                            }


                            span.Arrows {
                          
                                justify-content: center;
                              
                            }

                            .button-effect {
                                margin-bottom: 2rem!important;
                                margin-top: 1rem!important;
                            }

                            .secondsectioneasy {
                                height: 325px;
                            }


}


 @media (min-width: 576px) and (max-width: 767.98px) {

              html,body{
                        overflow-x: hidden;
                            }
                            body{
                                position: relative;
                            }

   
           .shadowboxthree {
                width: 100%;
                left: 0%;
                top: 27%;
                height: 775px
                           }

            .shadowboxtwo {
                width: 100%;
                left: 0%;
                top: 21%;
                height: 775px
            }

            .shadowboxone {
                width: 100%;
                left: 0%;
                top: 24%;
                height: 864px;
            }

            .wrapsecondcolforthirdsection, .wrapfirstcolforfivesection {
                     margin-right: 1rem;
                              margin-top: 2rem;
                      margin-left: 1rem;
                      margin-bottom: -4rem;
                 }
form#frmContact {
    margin: 0 2.5rem;
}


  
}

@media (min-width: 768px) and (max-width: 991.99px) {

    
    html,body{
        overflow-x: hidden;
            }
            body{
                position: relative;
            }

            section.secondsection {
                margin: 4rem 3rem;
            }

            .button-effect {
                margin-top: -1rem!important;
            }

            .slick-list {
                width: 500px;
               height: auto;
                 margin-right: 4.5rem;
              }

              .herosection-thrid, .herosection-thrid img {
                height: 620px;
                top: 7%;
                Left: 17%;
            
         }

         .herosection-second, .herosection-second img {
                      height: 536px;
                      top: 15.5%
                   }

    form#frmContact {
    margin: 0 2.5rem;
}

.shadowboxthree {
    width: 500px;
    left: 1%;
    top: 21%;
    height: 307px;

       

    }

    .shadowboxtwo {
        width: 500px;
        left: 7%;
    top: 13%;
        height: 307px;
    }
    

    .shadowboxone {
        width: 500px;
    left: 12%;
    top: 5%;
    height: 307px;

    }

    .herosection-logo img {
       margin-top: -1rem;
     }

     .sidenav {
    width: 30%;
    }
    .section-fivesection-content h4 {
        padding-left: 15rem;
        padding-top: 5rem;
    }
    

       .section-fivesection-content p {
         padding-left: 15rem;
        }

        .section-fivesection img {
        position: absolute;
        left: 3%;
        top: 16%;
       }

       .herosection-content p {
        margin: 0rem 0rem 02rem 2.5rem;
        }

        .herosection-wrap {
    margin-bottom: 2rem;
    margin-top: 3rem;
}

.wrapperfivesection {
    margin-top: 6rem;
}

.Container .Head .Slick-Prev {
    width: 100%;
    height: 100%;
   margin: 0 -20rem;
}

.Container .Head .Slick-Next {
       margin: 0 -4rem;
}

       .herosection-content {
         margin: 0;
        }
    section.fivesection {
        padding: 0;
    }

            .wrapsecondcolforthirdsection, .wrapfirstcolforfivesection {
                margin-right: -7rem;
                margin-top: 2rem;
                margin-left: 1rem;
                margin-bottom: -4rem;
                 }

                 .Screenshotsection-one, .Screenshotsection-second, .Screenshotsection-three, .Screenshotsection-four, .Screenshotsection-five {
                    margin: 0;
                }

                 .thirdsectionultimatebox {
    height: auto;
}

    .contentslider {
   
        transform: translate(38% , -259%);
   

   }

   .section-thirdsection-content, .section-fivesection-content {
      height: 485px;
}

.section-thirdsection-content h4 {
    padding-top: 4rem;
     padding-left: 2rem;
    padding-right: 15.3rem;
}

.section-thirdsection img {
   
    left: 69%;
    width: 26%;
    
}

.section-fivesection img {
   
    left: 3%;
    width: 26%;
    top: 20%;
    
}
   .section-thirdsection-content p {
       padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 19rem;
}

   .contentslider h5 {
    font: normal normal 25px/35px Helvetica Neue;
}

.screenshottetxfour {
 
    top: 71%;
    left: 0%;
}

    .screenshottetx h3, .screenshottetxfour h3 , .screenshottetxsix h3{
    font: normal normal bold 30px/35px Helvetica Neue;
}
.screenshottetxsix {
 
    top: 71%;
    left: 1%;
}

   
            .thirdsectionultimatebox {
                margin-top: 0px;
                margin-right: 0rem;
                margin-bottom: 0px;
                margin-left: 1.5rem;
}


.herosection-content h1 {
   
    font-size: 40px;
    margin: 0rem 0rem 2rem 2.5rem;
    line-height: 53px;

}

section.sevensection {
    padding: 2rem 6rem 2rem 3.3rem;
    margin-top: 3rem;

}

.box-quote {
    
    font: normal normal bold 250px/93px Helvetica Neue;
  
}

          
    }


@media  screen and (min-width: 1024px) and (max-width: 1366px){
       html,body{
                        overflow-x: hidden;
                            }
                            body{
                                position: relative;
                            }

                            .secondsectioneasy img, .thirdsectionultimate img {
    width: 120px;
}

.secondsectioneasy h6 {
       font-size: 24px;
    }


form#frmContact {
    margin: 2.5rem;
}
.ultimate-image-one, .ultimate-image-two, .ultimate-image-three, .ultimate-image-four, .ultimate-image-five,
 .ultimate-image-six , .ultimate-image-one-five, .ultimate-image-two-five, .ultimate-image-three-five
 {
    padding: 2.1rem;
    margin-top: -7px;
}


.thirdsectionultimatebox {
   margin: 0 0.5rem;
    height: 432px;
}
     /* .shadowboxthree ,.shadowboxtwo ,.shadowboxone {
        width: 100%;
        left: 0%;
        top: 8%;
   
        } */
}

@media (min-width: 992px) and (max-width: 1199.99px) {

     html,body{
                        overflow-x: hidden;
                            }
                            body{
                                position: relative;
                            }


.section-thirdsection img {
   
    left: 64%;
   
}
    .section-fivesection-content p {
        padding-left: 9rem;
        padding-top: 0rem;
}

.herosection-logo img {
       margin-top: -44px;
}
.section-thirdsection img , .section-fivesection img{
       width: 230px;
}

.thirdsectionultimate h6, .fivesectionultimate H6 {
        font-size: 15px;
    line-height: 18px;
    }

.screenshottetxfour {
     top: 75%;
    left: 0%;
}

.contentslider h5 {
    font: normal normal 35px/75px Helvetica Neue;
  }

.screenshottetx h3, .screenshottetxfour h3 {
    font: normal normal bold 45px/35px Helvetica Neue;
    }

.section-thirdsection-content, .section-fivesection-content {
      height: 600px;
}

.section-fivesection-content h4{
    letter-spacing: 0px;
    padding-top: 2rem;
    padding-left: 9rem;
    padding-right: 2rem;
    line-height: 1.5rem;
    font-size: 20px;
}

.screenshottetxsix h3 {
    font: normal normal bold 45px/35px Helvetica Neue;
}

.screenshottetxsix {
   
    top: 82%;
    left: 1%;
}

.Screenshotsection-one, .Screenshotsection-second, .Screenshotsection-three, .Screenshotsection-four, .Screenshotsection-five {
    margin: auto 0.5rem;
}

    .wrapsecondcolforthirdsection{
        margin-right: -7rem;
        margin-left: 6.5rem;

    }

    .wrapfirstcolforfivesection {
      margin-right: -3rem;
    margin-left: 1rem;
    }

    .fiveboxone {
        height: 374px;
    }

    .ultimate-image-one-five, .ultimate-image-two-five, .ultimate-image-three-five, .ultimate-image-four-five, .ultimate-image-five-five, .ultimate-image-six-five {
        padding: 1.8rem;
    }

    .secondsectioneasy {
         margin-right: 1rem;
        margin-left: 1rem; 
    }
    .thirdsectionultimate, .fivesectionultimate {
              padding: 0.5rem;
    }

    .section-thirdsection-content h4 {
       padding-top: 5rem;
    padding-left: 1rem;
    padding-right: 7rem;
    line-height: 1.5rem;
    font-size: 20px;

    }
    .section-thirdsection-content p {
                   padding-right: 8rem;
    padding-left: 1rem;
    padding-top: 0rem;
    }

    .herosection-logo img {
        width: 80px;
    }

    .herosection-logo h2 {
        font-size: 30px;
        margin-left: 27px;
        margin-top: -62px;
       }
       .herosection-content h1 {
         font-size: 35px;
        line-height: 40px;
       }
       .herosection-content {
        margin-top: 0.5rem;
        margin-bottom: 0;
        margin-left: 2.5rem;
        margin-right: 0rem;
    }

    .herosection-thrid, .herosection-thrid img {
               height: 477px;
    }

    .herosection-second, .herosection-second img {
        height: 394px;
        top: 20.5%;
        left: 7%;
    }

    .herosection-thrid, .herosection-thrid img {
        position: absolute;
 
        top: 11%;
        left: 19%;
    }
 
    .herosection-one img {
        max-width: 608px;
    }
    .herosection-content p {
               margin: 0rem 2.5rem 2rem 0;
               font-size:12px;
    }

    p{
        font-size:12px!important;
    }

    .contentslider {
       
        transform: translate(40%, -93%);
        margin-top: 0;
    }

    /* section.foursection {
             padding: 2rem 0 0 0;
    } */

        section.sixsection{
        margin: 2rem 0;
}

}

@media (max-width: 1440.98px) and (min-width: 1201px){
    .slick-list {
             margin-right: 10rem!important;
    }

    .fiveboxone {
        height: auto!important;
    }

    .Container .Head .Slick-Prev {
               margin: 0 4rem!important;
    }

    .boxmargintop {
        margin-top: 0rem!important;
    }

    .contentslider {
     
        transform: translate(38%, -97px)!important;
       
    }

    .Container .Head .Slick-Next {
              margin: 0 2rem!important;
    }

    .herosection-second, .herosection-second img {
        position: absolute;
        height: 460px!important;
        top: 12.5%!important;
        left: 4%!important;
    }

    .herosection-thrid, .herosection-thrid img {
        position: absolute;
        height: 571px!important;
        top: 4%!important;
        left: 14.5%!important;
    }
    
    .herosection-logo img {
        margin-top: -2rem!important;
 
   }    
 
   .input-group {
     margin-top: -2rem!important;
 }
 /* .Container .Head .Slick-Prev , .Container .Head .Slick-Next{
               margin: 0;
     } */
 
    .slick-list {
         margin-right: 9.5rem!important;
     }
     .thirdsectionultimate, .fivesectionultimate {
          padding: 1rem!important;
     }
 
     .ultimate-image-one {
         width: 30px!important;
         height: 30px!important;
     } 
     .section-thirdsection-content h4 {
         line-height: 50px!important;
         font-size: 35px!important;
         font-style: normal!important;
     }
     .secondsectioneasy h6, .thirdsectionultimate h6 , .fivesectionultimate h6 {
                font-size: 14px!important;
       }
 
     .secondsectioneasy p, .thirdsectionultimate p , .thirdsectionultimate p, .fivesectionultimate p{
               font-size: 12px!important;
        }
     .herosection-logo img {
         width: 100%;
         height: 98px!important;
         margin-top: -2rem!important;
     }
 
     .herosection-logo h2 {
       font-size: 40px!important;
     }
 
     .herosection-content h1 {
         font-size: 40px!important;
           line-height: 54px!important;
     }
 
     /* .herosection-content {
         margin: 1rem auto!important;
     } */
     .herosection-content p {
               margin-top: 2rem!important;
               margin-bottom: 4rem!important;
     }
    
     .herosection-thrid, .herosection-thrid img {
               height: 596px!important;
     }
     .herosection-second, .herosection-second img {
                height: 516px!important;
     }
     .wrapsecondcolforthirdsection {
        margin-right: -11rem!important;
        margin-left: 11.4rem!important;
     }

     .section-thirdsection-content p , .section-fivesection-content p{
            font: normal normal 300 12px/30px Poppins!important;
     }

     .secondsectioneasy {
        height: 338px!important;
    }
 
     .section-thirdsection-content h4 {
     padding-left: 2rem!important;
     padding-right: 8rem!important;
     padding-top: 7.5rem!important;
 }

 .secondsectioneasy img, .thirdsectionultimate img {
    width: 150px!important;
}
 
     .thirdsectionultimatebox {
     height: 423px!important;
 }
 
     .wrapfirstcolforfivesection {
        margin-right: -5.4rem!important;
    margin-left: 1.5rem!important;
     }
     .screenshottetx h3, .screenshottetxfour h3 , .screenshottetxsix h3 {
         font: normal normal bold 60px/35px Helvetica Neue!important;
            }
 
            .screenshottetxfour {
                left: -1%!important;
                top: 108%!important;
         }
 

         .screenshottetxsix {
            left: 2%!important;
            top: 99%!important;
     }

         .section-fivesection-content h4 {
             padding-top: 8rem!important;
              padding-left: 12rem!important;
             padding-right: 1rem!important;
                   }
 
                   .section-fivesection-content p{
                     padding-left: 12rem!important;
                     padding-right: 1rem!important;
                   }

                   .thirdsectionultimatebox {
                    margin: 0.5rem!important;
                }
}

/*@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 

    .thirdsectionultimatebox {
    margin: 1rem;
}

    html,body{
                        overflow-x: hidden;
                            }
                            body{
                                position: relative;
                            }

    .herosection-logo img {
       margin-top: -2rem;

  }    

  .input-group {
    margin-top: -2rem;
}
.Container .Head .Slick-Prev , .Container .Head .Slick-Next{
              margin: 0;
    }

   /* .slick-list {
        margin-right: 7.5rem;
    }*/
    /*.thirdsectionultimate, .fivesectionultimate {
         padding: 1rem;
    }*/

   /* .ultimate-image-one {
        width: 30px;
        height: 30px;
    }
    .section-thirdsection-content h4 {
        line-height: 50px;
        font-size: 35px;
        font-style: normal;
    }
    .secondsectioneasy h6, .thirdsectionultimate h6 , .fivesectionultimate h6 {
               font-size: 14px;
      }

    .secondsectioneasy p, .thirdsectionultimate p {
              font-size: 12px;
       }
    .herosection-logo img {
        width: 100%;
        height: 98px;
        margin-top: -2rem;
    }

    .herosection-logo h2 {
      font-size: 40px;
    }

    .herosection-content h1 {
        font-size: 40px;
          line-height: 54px;
    }

    .herosection-content {
        margin: 1rem auto;
    }
    .herosection-content p {
              margin-top: 0rem;
    }
   
    .herosection-thrid, .herosection-thrid img {
              height: 707px;
    }
    .herosection-second, .herosection-second img {
               height: 607px;
    }
    .wrapsecondcolforthirdsection {
      margin-right: -6rem;
    margin-left: 13.4rem;
    }

    .section-thirdsection-content h4 {
    padding-left: 2rem;
    padding-right: 8rem;
}

    .thirdsectionultimatebox {
    height: 465px;
}

    .wrapfirstcolforfivesection {
        margin-right: 4rem;
        margin-left: 3rem;
    }
    .screenshottetx h3, .screenshottetxfour h3 {
        font: normal normal bold 75px/35px Helvetica Neue;
           }

           .screenshottetxfour {
                      left: 1%;
        }

        .section-fivesection-content h4 {
            padding-top: 8rem;
             padding-left: 12rem;
            padding-right: 1rem;
                  }

                  .section-fivesection-content p{
                    padding-left: 12rem;
                    padding-right: 1rem;
                  }
}
*/
@media (max-width: 1199.98px) and (min-width: 992px){
    html,body{
        overflow-x: hidden;
            }
            body{
                position: relative;
            }

            .herosection-logo {
                margin-top: -9.5px;
            }

            .slick-list {
                width: 700px;
                margin-right: 4.5rem;
                height: auto;
                top: -1rem;
            }

            .herosection-leftcontent h1 {
                font: normal normal bold 50px/70px Poppins;
            }


            .herosection-leftcontent p {
                            width: 91%;
                            margin-bottom: 3rem;
            }

            .herosection-leftcontent h3 a , .wrapallimagesandcontent h3{
                font: normal normal normal 14px/35px Helvetica Neue;
            }


            .box-quote {
                font: normal normal bold 14px/35px Helvetica Neue;
            }

            input:placeholder-shown + label , #textarea#Message , label{
                         font: normal normal 300 20px Poppins;
            }

            .button-effect {
                margin-top: 3rem!important;
            }

            .effect {
                 font: normal normal 300 12px/33px Poppins;
            }

            form {
                margin: 0;
            }

            .shadowboxthree {
                width: 695px;
                height: 285px;
                left: 6%;
                top: 0%;
                         }

                .shadowboxtwo {
                width: 695px;
                 height: 281px;
                  left: 11%;
                     top: -13%;
                    }

                    .shadowboxone {
                        width: 695px;
                        height: 280px;
                        left: 15%;
                        top: -25%;
                                }
                       .Container .Head .Slick-Prev {
                                width: 100%;
                                height: 100%;
                                margin: 0 -26rem;
                            }

                            .Container .Head .Slick-Next {
                                    margin: 0 -5rem;
                            }

                            section.sevensection {
                                padding-top: 4rem;
                                padding-right: 8rem;
                                padding-bottom: 2rem;
                                padding-left: 3rem;
                            }

                            .Container .Head .Slick-Next {
                                    margin: 0 -4.5rem;
                            }

                            span.Arrows {
                                    top: 9%;
                            }

                            .box-quote {
                            
                                font: normal normal bold 270px/93px Helvetica Neue;
                            }

                            .shadowboxthree {
                                 top: 0%;
                            }

                            .shadowboxtwo {
                                top: 19%;
                            }

                            .shadowboxtwo {
                                top: -13%;
                            }
            

  
}

@media  (max-width: 1600px) and (min-width: 1200px){
    .herosection-second, .herosection-second img {
              height: 528px;
              top: 15.5%;
    }


    .section-thirdsection-content h4 {
        padding-top: 3.5rem;
    }

    .herosection-thrid, .herosection-thrid img {
             height: 638px;
             top: 5%
    }

    .herosection-content p {
        margin-bottom: 4rem;
    }

    div#nav-icon1 {
              margin: 2.5rem;
    }

    .herosection-logo img {
             margin-top: -1rem;
    }

    .herosection-content {
        margin-top: 1.5rem;
        margin-right: 2.5rem;
        margin-bottom: 2.5rem;
        margin-left: 2.5rem;
    }

    .herosection-content h1 {
        font-size: 46px;
        line-height: 55px;
    }

    .secondsectioneasy {
        height:387px;
    }

    .secondsectioneasy img, .thirdsectionultimate img {
        width: 150px;
    }

    .wrapsecondcolforthirdsection {
        margin-right: -4.5rem;
        margin-left: 11.5rem;
    }

    .screenshottetxfour h3 , .screenshottetxsix h3{
        font: normal normal bold 65px/35px Helvetica Neue;
    }
    .screenshottetxfour {
              top: 105%;
              left: -3%;
    }

    .wrapfirstcolforfivesection {
        margin-right: -0.1rem;
    }

    .screenshottetxsix {
               top: 115%;
        left: 2%;
    }

    .slick-list {
            margin-right: 12rem;
      
    }

    .Container .Head .Slick-Prev {
              margin: 0 8rem;
    }

    .Container .Head .Slick-Next {
              margin: 0 5rem;
    }

    .herosection-logo {
        margin-top: 0;
      }
      
}

