/********** Responsive **********/
@media only screen and (max-width: 1600px) {
  .abt .imge:before{width: 600px;height: 600px;right: -20%;}
  .wrks .bxs {padding: 0 0 0 150px;}
  .wrks .slick-list { padding: 0 290px !important;}
  .dscvr ul.icnlft li:nth-child(2) {left: 27vw;}


}

@media only screen and (max-width: 1599px) {
  .abt .imge img:nth-child(1){right: -30%;}
  .abt .imge:before { width: 550px; height: 550px; right: 0; }
  .scrn ul.imge li:nth-child(1) img{left: 10px;}
  .scrn ul.imge li:nth-child(3) img{right: 10px;}
  .dscvr ul.imge li img{top: 30px;width: 50%;}
  .wrks .bxs { padding: 0 0 0 50px; }
  .wrks .slick-list { padding: 0 260px !important; }
  
}

@media only screen and (max-width: 1399px) {
  .sec-pad { padding: 80px 0; }
  .subhedng {font-size: 26px;}
  .main-heading {font-size: 46px;}
  .header ul {gap: 35px;}
  .baner { padding: 100px 0 50px; }
  .baner .my-carousel img{width: 75%;}
  .baner .txt .sub-heading {font-size: 52px;}
  .baner .txt .main-heading {font-size: 130px;}
  .marqsec .marquee-cta-2{gap: 100px;}
  .marqsec .marquee-cta-2 span:before{right: -100px;}
  .rgstrn form .inpt { flex: 0 0 29%;}
  .rgstrn form {padding: 35px 35px;}
  .abt{padding: 60px 0 120px;}
  .abt .imge img:nth-child(1) { right: -30%; width: 60%;}
  .abt .imge img:nth-child(2){width: 60%;}
  .abt .imge:before { width: 500px; height: 500px; right: 0px;}
  .dscvr ul.icnlft li:nth-child(1) {width: 13vw;height: 13vw;}
  .dscvr ul.icnrgt li:nth-child(3){width: 10vw;height: 10vw;}
  .dscvr ul.sme li h5 {margin: 5px 0 0;}
  .wrks .bxs { padding: 0 0 0 40px; }
  .wrks .slick-list { padding: 0 220px !important;}
  .wrks .bxs .bx{padding: 40px 20px 40px;}
  .wrks .bxs .bx h3 {font-size: 36px;padding: 0 0 30px;}
  .wrks .bxs .bx .imge{height: 300px;}
  .wrks .bxs .bx .imge img{width: 40%;}
  .wrks .bxs .bx:hover .imge img:nth-child(2){bottom: 100px;}
  .wrks .bxs .bx .imge{margin: 30px 0 0;}


  .scrn ul.imge li:nth-child(1) img{left: 100px;}
  .scrn ul.imge li:nth-child(3) img{right: 100px;}
  .scrn ul.imge li img{width: 80%;}

  .scrn ul.imge{margin: 60px 0 100px;}
  .scrn .txtimge{margin: 0 auto -60px;}
  footer .wrp.tp{padding: 40px 20px;}
  footer .wrp.tp ul{gap: 8px;}
  footer .wrp.tp ul li a{font-size: 14px;}
  footer .wrp.rgt ul li {margin: 0 10px;}
  footer .wrp.btm ul{gap: 20px;}

  
}

@media only screen and (max-width: 1199px) {
  .sec-pad { padding: 50px 0; }
  p{font-size: 18px;}
  .main-heading { font-size: 40px; }
  .subhedng { font-size: 24px; }
  .header ul { gap: 20px; }
  .my-carousel__swiper { padding-bottom: 70px;}
  .baner .txt .sub-heading { font-size: 40px; }
  .baner .txt .main-heading { font-size: 100px; }
  .baner .txt p { width: 90%; }
  .rgstrn form { padding: 25px 25px;margin: 30px 0 0; }
  .rgstrn form .inpt input {padding: 20px 10px 20px 20px;}
  .abt{padding: 60px 0 120px;}
  .abt .cntnt p { margin: 0 0 15px; }
  .abt .imge:before { width: 400px; height: 400px;}
  .dscvr ul.sme li h5 {font-size: 16px;}
  .dscvr ul.sme li {padding: 2vw 0 0;}
  .dscvr ul.icnlft li:nth-child(2) { left: 25vw; }
  .dscvr ul.icnrgt li:nth-child(1) {padding: 2vw 0 0;}
  .dscvr ul.icnrgt li:nth-child(3) { width: 11vw; height: 11vw; }
  .dscvr ul.icnrgt li:nth-child(4){padding: 3vw 0 0;}
  .wrks .bxs { padding: 0 0 0 30px;}
  .wrks .slick-list { padding: 0 180px !important;}
  .wrks .bxs .bx h3 { font-size: 30px; padding: 0 0 20px; }
  .wrks .bxs .bx { padding: 30px 20px 30px; }
  .wrks .bxs .bx .imge { height: 220px; }
  .wrks .bxs .bx .imge img.tiltimg:nth-child(1) { top: 300px; left: 120px; }
  .wrks .bxs .bx .imge img:nth-child(1) { top: -100px; }
  .wrks .bxs .bx .imge img:nth-child(2) { bottom: -100px; }
  .wrks .bxs .bx:hover .imge img.tiltimg:nth-child(2) { right: 80px; bottom: 250px; }
  footer .wrp.tp ul{flex-wrap: wrap;justify-content: center;}
  footer .wrp.tp ul li{flex: 0 0 49%;}
  footer .wrp.rgt ul {padding: 35px 0;}
  footer .wrp.rgt ul li a {font-size: 16px;}
  footer .wrp.rgt ul li {margin: 0 5px;}
  footer .wrp.rgt {height: 20%;}



  
}

@media only screen and (max-width: 991px) {
  .main-heading { font-size: 26px; }
  .subhedng { font-size: 20px; }
  p { font-size: 16px; }
  .nav { display: flex;top: 50px; }
  .header ul { display: none; }
  .header .manbutn { display: none; }
  .header .lgo img { width: 100%; }
  header .lgo { position: relative; z-index: 20; display: inline-block; }
  .header .lgo img { width: 80%; }
  .header{padding: 30px 0 0 0;}
  .baner:before {width: 300px;height: 550px;}
  .baner:after {width: 350px;height: 750px;}
  .baner .txt .sub-heading { font-size: 30px; }
  .baner .txt .main-heading { font-size: 80px; }
  .marqsec {padding: 15px 0;}
  .marqsec .marquee-cta-2 span {font-size: 26px;}
  .marqsec .marquee-cta-2 { gap: 50px; }
  .marqsec .marquee-cta-2 span:before {right: -50px;width: 12px;height: 12px;}
  .rgstrn:before {width: 450px;height: 800px;}
  .rgstrn form { padding: 20px 20px;}
  .rgstrn form .inpt { flex: 0 0 27%;}
  .rgstrn form .inpt input { padding: 15px 10px 15px 10px;border-radius: 8px;font-size: 14px; }
  .rgstrn form .butn .sbmtbtn {padding: 15px 30px;border-radius: 8px;}
  .abt:after {width: 400px;height: 700px;}
  .abt .imge:before { width: 300px; height: 300px;}
  .dscvr .hed {width: 100%;}
  /* .dscvr ul.sme li svg {width: 50%;} */
  .dscvr ul.sme li { padding: 1vw 0 0; }
  .dscvr ul.sme li h5 {font-size: 14px;}
  .dscvr ul.icnlft li:nth-child(1) {width: 18vw;height: 18vw;}
  .dscvr ul.icnlft li:nth-child(2) {width: 14vw;height: 14vw;left: 24vw;}
  .dscvr ul.icnlft li:nth-child(3) {width: 16vw;height: 16vw;}
  .dscvr ul.icnlft li:nth-child(4) {width: 15vw;height: 15vw;}
  .dscvr ul.icnrgt li:nth-child(1) {padding: 1vw 0 0;width: 16vw;height: 16vw;}
  .dscvr ul.icnrgt li:nth-child(2) { width: 12vw; height: 12vw;}
  .dscvr ul.icnrgt li:nth-child(3){padding: 1vw 0 0;width: 12vw;height: 12vw;}
  .dscvr ul.icnrgt li:nth-child(4) {padding: 1vw 0 0;width: 15vw;height: 15vw;}
  .wrks:before{width: 400px;height: 900px;top: -200px;}
  .wrks:after {width: 500px;height: 800px;}
  .wrks .slick-list { padding: 0 !important; }
  .wrks .bxs .bx .imge { height: 250px; }
  .wrks .bxs .bx .imge img:nth-child(2) {bottom: -230px;}
  .wrks .bxs .bx .imge img:nth-child(1) {top: -190px;}
  .wrks .bxs .bx:hover .imge img.tiltimg:nth-child(1){top: -30px;}
  .wrks .bxs .bx:hover .imge img:nth-child(2) { bottom: 200px; }
  .wrks .bxs .bx:hover .imge img:nth-child(1) { top: 200px; }


  .scrn:before{width: 500px;height: 800px;}
  .scrn:after{width: 500px;height: 800px;}
  .scrn .hed {width: 100%;}
  .scrn .txtimge { margin: 0 auto -40px; }
  .scrn ul.imge { margin: 60px 0 70px; }
  footer .wrp {border-radius: 10px;}
  footer .wrp.lft {padding: 20px 20px;}
  footer .wrp.tp { padding: 20px 20px; }
  footer .wrp.tp ul li { flex: 0 0 100%; }
  footer .wrp .cpyrght p {font-size: 14px;}
  footer .wrp.tp h4 {font-size: 26px;}
  footer .wrp.tp p {font-size: 16px;}
  footer .wrp p { margin: 20px 0 0; }
  footer .wrp.btm h4 {font-size: 26px;}
  footer .wrp.btm ul li a i {padding: 10px;}
  footer .wrp.rgt ul li a { font-size: 12px; }
  footer .wrp.lft {height: 350px;}
  footer .wrp.rgt { height: 28%;margin: 10px 0 0; }


  
}

@media only screen and (max-width: 767px) {
  .subhedng { font-size: 18px; }
  .main-heading { font-size: 24px; }
  p{font-size: 14px;}
  .abt .cntnt .btns { margin: 20px 0 0;}
  .btns{gap: 0;}
  .btns img{width: 75%;}
  .my-carousel__swiper { padding-bottom: 40px; }
  .baner .txt .sub-heading { font-size: 24px; }
  .baner .txt .main-heading { font-size: 60px; }
  .baner .txt p { width: 100%; }
  .baner:before { width: 240px; height: 450px; }
  .baner:after { width: 250px; height: 650px; }
  .baner .txt p{width: 100%;}
  .rgstrn:before { width: 300px; height: 500px; }
  .rgstrn form {border-radius: 15px;}
  .rgstrn form .inpt { flex: 0 0 33%; }
  .rgstrn form .butn { margin: 20px auto 0; }
  .rgstrn form { padding: 15px 15px; }
  .rgstrn form .inpt input { padding: 10px 10px 10px 5px; border-radius: 5px; font-size: 12px; }
  .rgstrn form .butn .sbmtbtn { padding: 10px 20px; border-radius: 5px; }
  .abt:after { width: 200px; height: 400px; }
  .abt .imge{text-align: center;margin: 30px 0 0;}
  .abt .imge:before { width: 200px; height: 200px; margin: auto; left: 0; }
  .abt .imge img:nth-child(1){right: 0;width: 30%;}
  .abt .imge img:nth-child(2) {left: 80px;width: 30%;}
  .dscvr .hed{margin: 0 0 20px;}
  .dscvr ul.sme li { padding: 0 0 0 10px !important; width: 60% !important; height: auto !important; border-radius: 10px; left: 0 !important; top: 0 !important; bottom: 0 !important; display: flex; align-items: center; margin: 0 auto 10px; }
  .dscvr ul.imge li img { top: 15%; width: 30%; left: auto; right: 70px;margin: 20px auto ; }
  .dscvr ul.sme li svg {width: 15%;}
  .dscvr ul.sme li h5{margin: 0 0 0 10px;}
  .dscvr ul.imge li:first-child img{width: 30%;margin: 20px auto ;}
  .wrks:before { width: 200px; height: 500px;}
  .wrks:after { width: 200px; height: 500px; }
  .wrks .bxs { padding: 0 0 0 20px; }
  .wrks .bxs .bx {margin: 0 16px;}
  .wrks .bxs .bx .imge { height: 150px; border-radius: 10px; }
  .wrks .bxs .bx .imge img:nth-child(1) { top: -150px; }
  .wrks .bxs .bx .imge img:nth-child(2) { bottom: -150px; }
  .wrks .bxs .bx:hover .imge img:nth-child(1) { top: 150px; }
  .wrks .bxs .bx:hover .imge img:nth-child(2) { bottom: 150px; }
  .wrks .bxs .bx:hover .imge img.tiltimg:nth-child(1) { top: 0; }
  .wrks .bxs .bx h3 { font-size: 24px; padding: 0 0 10px; }
  .scrn:before { width: 250px; height: 500px; top: -200px; }
  .scrn:after { width: 250px; height: 500px; }
  .scrn .txtimge { margin: 0 auto -30px; }
  footer{padding: 70px 0 50px;}
  footer .wrp.rgt {height: 28%;}
  footer .wrp.tp{margin: 10px 0 0;}
  footer .wrp.btm{margin: 20px 0 0;height: 100%;padding: 10px 0;}
  footer .wrp.btm ul{flex-direction: row;justify-content: center;}
  footer .wrp.lft img { width: 30%; }
  footer .wrp.lft { height: 260px; }


}

@media only screen and (max-width: 575px) {
  p{font-size: 12px;}
  .header .lgo img { width: 60%; }
  .nav {top: 30px;}
  .baner .my-carousel img { width: 90%; }
  .baner .txt .sub-heading { font-size: 18px; }
  .baner .txt .main-heading { font-size: 40px; }
  .baner .txt p { padding: 0 0 20px; }
  .marqsec .marquee-cta-2 { gap: 25px; }
  .marqsec .marquee-cta-2 span { font-size: 20px; }
  .marqsec .marquee-cta-2 span:before { right: -30px; width: 10px; height: 10px; top: 10px; }
  .rgstrn form .inpt { flex: 0 0 100%;margin: 0 0 10px; }
  .rgstrn form .inpt h6 {font-size: 14px;}
  .abt .imge:before { width: 100px; height: 100px;}
  .abt { padding: 50px 0 50px; }
  .dscvr ul.sme li svg { width: 10%; }
  .dscvr ul.imge li img { top: 15%; width: 30%; bottom: 120px; left: 0; right: 0; }
  .dscvr ul.imge li:first-child img {width: 30%;margin: 20px auto;}
  .dscvr ul.sme li{width: 100% !important;margin: 0 auto 10px;}
  .wrks .bxs { padding: 0; }
  .wrks .bxs .bx h3 {font-size: 20px;}
  .wrks .bxs .bx p { margin: 10px 0 0;}
  .wrks .bxs .bx .imge{height: 100px;}
  .wrks .bxs .bx .imge img.tiltimg:nth-child(1) { top: 170px; left: 80px;}
  .wrks .bxs .bx:hover .imge img.tiltimg:nth-child(2){bottom: 150px;}
  .wrks .bxs .bx { padding: 20px 10px 20px;border-radius: 10px; }
  .wrks .bxs .bx .imge img:nth-child(1) { top: -80px; }
  .wrks .bxs .bx .imge img:nth-child(2){bottom: -80px;}
  .wrks .bxs .bx:hover .imge img:nth-child(1){top: 80px;}
  .wrks .bxs .bx:hover .imge img:nth-child(2){bottom: 80px;}

  .scrn ul.imge { margin: 60px 0 30px; }
  .scrn ul.imge li:nth-child(1) img { left: 50px; width: 70%; }
  .scrn ul.imge li:nth-child(3) img { right: 50px; width: 70%; }
  .scrn .txtimge { margin: 0 auto -20px; }
  footer .wrp.lft { height: 220px; }
  footer .wrp.rgt { height: 27%; }
  footer .wrp.rgt ul { padding: 25px 0; flex-wrap: wrap; }
  button.back-to-top{right: 5px;bottom: 15px;}
  button.back-to-top.show {width: 40px;height: 40px;border-radius: 10px;right: 5px;bottom: 15px;}


}

@media only screen and (max-width: 390px) {
}