@media only screen and (max-width: 1680px) {
    .whatsapp {
        top: 60%;
        gap: 80px;
    }
}
@media only screen and (max-width: 1280px) {
    .banner_title {
        padding-top: 110px;
    }
    header {
        padding: 0 50px;
    }
}
@media only screen and (max-width: 1279px) {
    .about-sec::after {
        display: none;
    }
    .about_sec .about_dtl {
        padding: 0 30px;
    }
    .nav-links {
        gap: 20px;
        gap: 30px;
    }
    h1 {
        font-size: 50px;
    }
    .custom_btn,
    p {
        font-size: 15px;
    }
    .custom_btn {
        padding: 10px 60px;
        line-height: 22px;
    }
    .logo img {
        height: 35px;
    }
    .logo a {
        gap: 15px;
    }
    .about-sec .bottom-cunter .stat-title,
    .about-sec .stat-title,
    .nav-links li a {
        font-size: 18px;
    }
    .banner_title {
        padding-top: 200px;
    }
    header {
        padding: 0;
    }
    .srvices_block,
    footer {
        padding-bottom: 100px;
    }
    .about-sec,
    .contact_us,
    .prime_sec,
    .team_sec {
        padding-bottom: 80px;
    }
    .prime_sec {
        padding-top: 80px;
    }
    .prime_sec .prime_slider .img_box .img_ttl {
        padding-top: 20px;
    }
    .prime_sec .prime_slider .img_box .img_ttl span {
        font-size: 18px;
        line-height: 25px;
    }
    .prime_sec .prime_slider .img_box .img_ttl::after {
        top: -3px;
        left: 0;
        width: 60px;
        height: 60px;
        background-size: contain;
    }
    .srvices_block .mot_box {
        width: 45%;
    }
    .srvices_block .slick-slide::before {
        right: 10px;
    }
    .contect-sec .ctn-block,
    .team_sec .testimonials {
        gap: 30px;
    }
    .team_sec .t_box {
        width: 28%;
        padding: 120px 30px 35px;
    }
    .prime_sec .prime_slider .img_box img {
        height: 355px;
    }
    .about-sec .about-img img {
        height: 500px;
    }
    .about-sec .bottom-cunter::after,
    .about-sec .top-cunter::after {
        top: -10px;
        left: -10px;
        width: 120px;
        height: 120px;
    }
    .about-sec .bottom-cunter {
        width: 100px;
        height: 100px;
        right: 16px;
    }
    .about-sec .top-cunter {
        width: 100px;
        height: 100px;
        top: -50px;
        left: -50px;
    }
    .about-sec .bottom-cunter .stat-number,
    .about-sec .bottom-cunter span,
    .about-sec .stat-number,
    .about-sec span {
        font-size: 25px;
    }
    .our-vision .vision-card img {
        height: 160px;
    }
    .our-vision .c-two {
        top: -60px;
        right: 200px;
    }
    .our-vision .c-one {
        top: -50px;
    }
    .contect-sec .ctn-info {
        width: 50%;
    }
    .career-sec .ctn-form .circle-one {
        left: 0;
    }
    .career-sec .ctn-form .circle-two {
        right: 0;
    }
    .about_sec .about_right .img_two{
        height: 225px;
    }
}
@media only screen and (max-width: 1023px) {
    .about_sec .about_right .img_two{height: 165px;}
    .career-sec .ctn-form img,
    .our-vision .circle {
        display: none;
    }
    .home-banner .banner-title span img {
        height: 50px;
        width: 100%;
    }
    .home-banner .banner-title span {
        top: -20px;
        left: -20px;
    }
    .home-banner .banner-title {
        left: 35px;
        right: 16px;
    }
    .prime_sec .prime_slider .img_box img {
        height: 265px;
        border-radius: 25px;
    }
    .nav-links {
        gap: 12px;
    }
    .nav-links li a,
    footer .f_right .colum span {
        font-size: 16px;
    }
    .logo img {
        height: 30px;
    }
    .logo a,
    footer .f_right {
        gap: 10px;
    }
    .banner_title {
        padding-top: 120px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .srvices_block .slick-slider .slick-track {
        transition-timing-function: linear !important;
        position: relative;
    }
    .srvices_block .slick-dots li button:before {
        color: #fff;
        opacity: 1;
        font-size: 40px;
    }
    .srvices_block .slick-dots li {
        margin: 0 2px;
    }
    .srvices_block .slick-dotted.slick-slider {
        margin-bottom: 40px;
    }
    .srvices_block .slick-dots li.slick-active button:before {
        color: #0078ff;
    }
    .srvices_block .slick-dots {
        bottom: -40px;
    }
    h1 {
        font-size: 40px;
    }
    .header-wrappper {
        height: 50px;
    }
    .custom_btn {
        padding: 10px 50px;
        line-height: 15px;
        font-size: 14px;
    }
    .about_sec .about_dtl {
        padding-left: 20px;
        padding-right: 20px;
        gap: 30px;
    }
    h2 {
        font-size: 30px;
    }
    .about_sec .about_dtl h2::after {
        width: 100px;
    }
    .about_sec .about_right .img_block.img_two img {
        width: 250px;
        height: 250px;
    }
    .about-sec.service-sec .container,
    .about_right {
        gap: 20px;
    }
    .about_sec .about_box {
        height: 550px;
    }
    .srvices_block {
        padding-bottom: 70px;
        padding-top: 40px;
        background-size: contain;
    }
    .prime_sec,
    .team_sec,
    footer {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .team_sec .testimonials {
        gap: 25px;
    }
    .team_sec .t_box .t_img img {
        height: 100px;
        width: 100px;
    }
    .copyright .c_txt,
    .team_sec .t_box .t_img {
        padding-bottom: 20px;
    }
    .certificate .certificate-cards p,
    .team_sec .t_box .t_ctn span {
        font-size: 18px;
    }
    .team_sec .t_box .t_ctn p {
        margin-top: 10px;
        font-size: 14px;
    }
    .team_sec .common_box h2::after {
        left: -16px;
    }
    .team_sec::before {
        top: 55%;
    }
    .prime_sec .common_box::before {
        top: 15px;
        left: -32px;
    }
    .prime_sec .common_box::after {
        top: -15px;
        right: -55px;
    }
    .prime_sec::after {
        height: 200px;
        bottom: 160px;
        width: 120px;
        background-position: bottom;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .contact_us .common_box h2::after {
        left: 0;
    }
    .contact_us .input-block .email input::placeholder,
    .contact_us .input-block .msg textarea::placeholder {
        font-size: 15px;
    }
    .contact_us .input-block .email input {
        padding: 13px 10px;
        width: 100%;
        font-size: 15px;
    }
    .contact_us .input-block .msg textarea {
        width: 100%;
        height: 150px;
        font-size: 15px;
        padding: 10px;
    }
    .contact_us .common_box {
        padding-bottom: 5px;
    }
    .contact_us .input-block .email {
        margin-bottom: 15px;
    }
    .contact_us .main_form .btn_block {
        padding-top: 15px;
    }
    .contact_us .main_form .custom_btn {
        margin-top: 10px;
        padding: 12px 70px;
        font-size: 18px;
    }
    .contact_us .input-block {
        width: 85%;
    }
    .contact_us,
    .contect-sec {
        padding-bottom: 60px;
    }
    .contact_us .main_form {
        padding: 30px 0;
    }
    footer .f_right .colum a,
    footer .f_right .colum p {
        font-size: 12px;
    }
    footer .f_right .colum.contact a,
    footer .f_right .colum.social a {
        margin-bottom: 10px;
    }
    footer .f_left img {
        height: auto;
        width: 160px;
    }
    .team_sec .t_box {
        width: 33%;
        padding: 80px 30px 30px;
    }
    .clients .clients-slider .slick-slide {
        margin: 0 20px;
    }
    .clients .client-box {
        width: 100% !important;
        gap: 20px;
    }
    header {
        padding: 10px 0;
    }
    .clients .client-box .client-dtl h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .clients .clients-slider .slick-next {
        right: -100px;
    }
    .clients .clients-slider .slick-prev {
        left: -100px;
    }
    .home-banner .element img {
        height: 500px;
    }
    .home-banner .home-moon {
        height: 180px;
        width: auto;
    }
    .certificate .certificate-cards,
    .our-vision .vision-card {
        width: 48%;
    }
    .our-vision {
        padding-bottom: 80px;
    }
    .service-sec .about-img {
        padding: 18px;
    }
    .certificate {
        padding: 50px 0 80px;
    }
    .contect-sec .ctn-block {
        flex-direction: column;
        padding-top: 30px;
    }
    .contect-sec .ctn-form,
    .contect-sec .ctn-info,
    .contect-sec .ctn-info .map-box iframe {
        width: 100%;
    }
    .ctn-form .grup,
    .ctn-form .grup.half {
        width: 47%;
    }
    .srvices_block .mot-box-block {
        gap: 30px;
    }
    .srvices_block .mot_box a::before {
        right: -230px;
    }
    .srvices_block .mot_box p {
        font-size: 13px;
    }
    .modal .modal-dialog {
        width: 95%;
        margin: 70px auto 0;
    }
  

}
@media screen and (max-width: 767px) {
    .about-sec,
    .clients,
    .our-vision,
    .srvices_block {
        padding-bottom: 50px;
    }
    .clients .client-box .client-dtl h3,
    .clients .client-box .client-dtl p,
    .clients .client-info-dtl,
    .common_box,
    .nav-links li,
    footer .f_left {
        text-align: center;
    }
    .hamburger.toggle div,
    .sub_menu li a {
        background: #fff;
    }
    .about-sec .container {
        flex-direction: column-reverse;
        gap: 120px;
    }
    .home-banner .home-moon {
        height: 130px;
    }
    .prime_sec .prime_slider .img_box img {
        height: 222px;
        border-radius: 18px;
    }
    .team_sec .t_box .t_img {
        position: initial;
    }
    .certificate .block,
    .team_sec .t_box {
        padding-top: 30px;
    }
    .hamburger {
        display: block;
        position: absolute;
        cursor: pointer;
        right: 2%;
        top: 50%;
        transform: translate(-5%, -50%);
        z-index: 2;
        transition: 0.7s;
    }
    .nav-links li a::after,
    .nav-links li a::before {
        background-color: #fff;
    }
    .nav-links {
        padding-left: 0 !important;
        position: fixed;
        background: #4d95e6;
        height: 100vh;
        width: 100%;
        flex-direction: column;
        clip-path: circle(50px at 90% -20%);
        -webkit-clip-path: circle(50px at 90% -10%);
        transition: 1s ease-out;
        pointer-events: none;
        top: 0;
        left: 0;
        align-items: center;
        padding-top: 70px;
        gap: 30px;
    }
    .nav-links.open {
        clip-path: circle(1000px at 90% -10%);
        -webkit-clip-path: circle(1000px at 90% 0%);
        pointer-events: all;
        align-items: flex-start;
        padding-left: 0;
        padding-top: 70px;
        align-items: center;
    }
    .about_sec .about_dtl,
    .banner_title,
    .contact_us .common_box {
        padding-left: 12px;
        padding-right: 12px;
    }
    .nav-links li a {
        font-size: 18px;
        color: #fff !important;
    }
    .nav-links li {
        opacity: 0;
    }
    .nav-links li:first-child {
        transition: 0.5s 0.2s;
    }
    .nav-links li:nth-child(2) {
        transition: 0.5s 0.4s;
    }
    .nav-links li:nth-child(3) {
        transition: 0.5s 0.6s;
    }
    .nav-links li:nth-child(4) {
        transition: 0.5s 0.7s;
    }
    .nav-links li:nth-child(5) {
        transition: 0.5s 0.8s;
    }
    .nav-links li:nth-child(6) {
        transition: 0.5s 0.9s;
        margin: 0;
    }
    .nav-links li:nth-child(7) {
        transition: 0.5s 1s;
        margin: 0;
    }
    li.fade {
        opacity: 1 !important;
    }
    .up {
        height: 45px;
        width: 45px;
        line-height: 53px;
    }
    .up i {
        font-size: 18px;
    }
    .logo a {
        gap: 5px;
    }
    .banner_title {
        padding-top: 100px;
    }
    h1,
    h2 {
        font-size: 25px;
    }
    .about_sec .about_dtl {
        flex-direction: column;
        gap: 20px;
        padding-top: 40px;
    }
    .about_sec .about_box {
        height: auto;
    }
    .about_sec .about_box::before,
    .about_sec .about_box:after,
    .prime_sec .prime_slider .img_box .img_ttl::after,
    .prime_sec .prime_slider .img_box .img_ttl::before,
    .team_sec::before,
    footer .f_left span > br {
        display: none;
    }
    .about-sec .about-img,
    .about-sec .common_box,
    .about_right,
    .certificate .certificate-cards,
    .clients .client-box .client-dtl,
    .clients .client-box .client-info,
    .contact_us .common_box,
    .contact_us .main_form,
    .ctn-form .grup,
    .ctn-form .grup.half,
    .our-vision .vision-card,
    .prime_sec .common_box,
    .srvices_block .mot_box,
    .team_sec .common_box,
    .team_sec .t_box {
        width: 100%;
    }
    .about_sec .about_right .img_block {
        justify-content: center;
    }
    .about_sec .about_right .img_block.img_three .four {
        position: relative;
        left: 18px;
    }
    .srvices_block .mot_box {
        padding: 25px 17px 32px;
    }
    .srvices_block .mot_box.space {
        margin-top: 0;
    }
    .srvices_block {
        background-position-y: 30%;
    }
    .contact_us,
    .team_sec,
    footer {
        padding-bottom: 40px;
    }
    .srvices_block .common_box {
        padding-bottom: 30px;
    }
    .team_sec .testimonials {
        gap: 30px;
        flex-wrap: wrap;
        flex-direction: column;
        padding-top: 30px;
    }
    .team_sec,
    footer {
        padding-top: 40px;
    }
    .prime_sec .common_box::before {
        top: 0;
        left: 8px;
    }
    .prime_sec .common_box h2::after {
        right: 32px;
    }
    .prime_sec .common_box::after {
        top: -35px;
        right: -5px;
    }
    .prime_sec::after {
        height: 270px;
        bottom: 0;
        width: 155px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .prime_sec .prime_slider .img_box .img_ttl::after {
        left: -14px;
    }
    .contact_us .input-block .email input {
        padding: 10px;
    }
    .contact_us .main_form .custom_btn {
        padding: 12px 50px;
        font-size: 15px;
    }
    footer .f_left {
        margin-bottom: 30px;
        justify-content: center;
    }
    footer .f_right {
        flex-direction: column;
        gap: 25px;
    }
    footer .f_right .colum {
        width: 100%;
        text-align: center;
    }
    footer .f_right .colum span {
        margin-bottom: 5px;
    }
    footer::before {
        height: 2px;
    }
    .srvices_block .common_box h2::after {
        left: 25%;
    }
    .about_sec .common_box h2::after {
        left: 30%;
    }
    .srvices_block .slick-slide:nth-child(2n):before {
        top: 0;
    }
    .clients .client-box {
        flex-direction: column-reverse;
    }
    .clients .client-box .client-info {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .clients .client-box .client-dtl p,
    .clients .client-box .client-info p,
    .prime_slider .img_box {
        margin: 0;
    }
    .about-sec .common_box ul li {
        text-align: left;
    }
    .common_box h2::after {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .about-sec .top-cunter {
        left: 20px;
    }
    .our-vision .vision-card img {
        height: 180px;
    }
    .about-sec.service-sec .about-img img {
        height: 400px;
    }
    .service-sec.about-sec .about-img .circle-two {
        height: 40px;
        width: 40px;
    }
    .service-sec.about-sec .about-img .circle-one {
        height: 30px;
        width: 30px;
    }
    .certificate .certificate-cards img {
        height: 380px;
    }
    .certificate {
        padding: 50px 0;
    }
    .contect-sec .ctn-form {
        padding: 20px;
    }
    .ctn-form form {
        gap: 15px;
    }
    .contect-sec .ctn-form .custom_btn {
        margin: 0 auto;
        padding: 12px 25px;
    }
    .ctn-info .ctn-details {
        margin-top: 20px;
        padding-top: 20px;
    }
    .form-block .ctn-form,
    .sub_menu {
        padding: 0;
    }
    .ctn-form .grup input[type="file"]::file-selector-button {
        padding: 8px 20px;
    }
    .contect-sec.career-sec .ctn-form .custom_btn {
        margin-top: 20px;
    }
    .whatsapp a.text {
        font-size: 13px;
    }
    .srvices_block .mot-box-block {
        flex-direction: column;
    }
    .prime_sec .prime_slider .img_box img {
        margin: 0 auto;
    }
    .sub_menu {
        position: initial;
        height: 0;
    }
    .sub_menu li a {
        color: #000 !important;
    }
    .nav-links li:hover .sub_menu {
        height: 135px;
        padding: 30px 15px;
    }
    .modal .modal-content img {
        width: 90%;
    }
    .modal .modal-dialog .btn {
        padding: 4px 8px;
    }
    .srvices_block .mot_box a::before {
        right: -330px;
    }
    .alert {
        font-size: 15px;
        max-width: 90%;
    }
    .form-block .ctn-form form input,
    .form-block .ctn-form form select {
        padding: 10px;
        font-size: 12px;
    }
    .modal .modal-dialog.custom-dialog {
        height: 450px;
    }
    .team_sec .t_box ul li {
        font-size: 10px;
    }
}