/*-----------------------------*/

@media (min-width: 1920px) and (max-width: 2560px) {

.skill-area:before { width: 800px;}
.skill-area:after { width: 800px;}
.skill-image { height: 800px;}

.plans-line { bottom: -280px;}

.event-box { width: 1200px !important;}

.event-slider.slick-slider { margin-right: -900px;}

.parallex-area, .home-newvideo-box-content iframe { height: 760px;}

.history-arrow-left, .history-arrow-right { top: 33%;}
.history-arrow-right { right: -780px;}
.history-arrow-left{ left: -780px;}

.history-arrow-right:hover { right: -800px;}
.history-arrow-left:hover { left: -800px;}

.footer-vector { bottom: -80px;}

.slidetwo-small { width: 450px; height: 300px;}
}


@media (min-width: 1600px) and (max-width: 1680px){

.skill-area:before { width: 650px;}
.skill-area:after { width: 650px;}
.skill-image { height: 650px;}

.plans-line { bottom: -210px;}

.event-box { width: 1100px !important;}

.parallex-area, .home-newvideo-box-content iframe { height: 620px;}

.history-arrow-left, .history-arrow-right { top: 30%;}
.history-arrow-right { right: -690px;}
.history-arrow-left{ left: -690px;}

.history-arrow-right:hover { right: -710px;}
.history-arrow-left:hover { left: -710px;}

.footer-vector { bottom: -50px;}

.slidetwo-small { width: 430px; height: 280px;}
}


@media (min-width: 1441px) and (max-width: 1599px){
.event-box { width: 1100px !important;}

.history-arrow-right { right: -650px;}
.history-arrow-left{ left: -650px;}

.history-arrow-right:hover { right: -670px;}
.history-arrow-left:hover { left: -670px;}

.footer-vector { bottom: -30px;}

.slidetwo-small { width: 400px; height: 260px;}
}


@media (min-width: 1400px) and (max-width: 1440px){
.event-box { width: 1000px !important;}
.parallex-area, .home-newvideo-box-content iframe { height: 520px;}

.history-arrow-right { right: -610px;}
.history-arrow-left{ left: -610px;}

.history-arrow-right:hover { right: -630px;}
.history-arrow-left:hover { left: -630px;}

.footer-vector { bottom: -20px;}

.slidetwo-small { width: 360px; height: 230px;}

}



@media (min-width: 992px) and (max-width: 1200px){

.servicearea-box div img { height: 350px;}
.servicearea-box h4 { margin: 12px 0px 2px; font-size: 20px;}

.event-box { width: 800px !important;}

.client-testihead .heading { font-size: 56px;}
.client-testihead .heading img { width: 34px;}

.skill-image { height: 480px;}
.skill-area:before { width: 480px; height: 480px;}
.skill-area:after { width: 480px; height: 480px;}

.create-head h2 { font-size: 41px;}
.create-head h2 strong pre.is-visible { width: 298px;}

.footer-social ul li { margin: 0px 1px;}

.event-box {width: 770px !important;}

.blog-newsletter-form h3 {font-size: 42px;}

.discipline-box-inner {bottom: -208px;}

.team-slider-item img { width: 160px;}

.team-arrow-left, 
.team-arrow-right { width: 45px; height: 45px;}
.team-arrow-left img, 
.team-arrow-right img { width: 15px;}

.external-slider .inter-exter-box-inner{ bottom: -167px; padding: 20px 15px;}

.inter-exter-box-inner{bottom: -188px; padding: 20px 23px;}
.inter-exter-box-inner h4 {font-size: 20px;}


.exter-arrow-left, 
.exter-arrow-right { width: 50px; height: 50px; }
.exter-arrow-left img, 
.exter-arrow-right img { width: 15px;}
.exter-arrow-left { left: -22px;}
.exter-arrow-right { right: -22px;}
.exter-arrow-right:hover { margin-right: -5px;}
.exter-arrow-left:hover { margin-left: -5px;}

.aboutpage-image-right { top: 40px;}

.history-slider.slick-slider { margin-right: -400px; margin-left: -400px;}

.about-friend-logo img { width: 80px;}

.career-brand .discipline-box-inner { bottom: -125px;}

.blog-last-small { width: 400px; height: 280px;}

.new-footer { padding: 80px 0px 60px;}

.plans-line { bottom: -90px;}   

}



@media (min-width: 1200px) and (max-width: 1200px) {
.discipline-box-inner { bottom: -168px;}

.client-testihead .heading { font-size: 66px;}
.client-testihead .heading img { width: 44px;}

.career-brand .discipline-box-inner { bottom: -104px;}

.inter-exter-box-inner h4 {font-size: 22px;}
.inter-exter-box-inner{ bottom: -147px !important; padding: 20px 20px !important;}

.history-arrow-right { right: -610px;}
.history-arrow-left{ left: -610px;}

.history-arrow-right:hover { right: -630px;}
.history-arrow-left:hover { left: -630px;}

.new-footer { padding: 80px 0px 80px;}

.plans-line { bottom: -130px;}  
}




@media (min-width: 768px) and (max-width: 991px){

.heading { font-size: 42px;}

.menu-container .main-menu li a{font-size: 60px;}

.overlay ul li { padding: 12px 0;}
.overlay ul li a { font-size: 20px;}

.bigmenu-content-left ul li a { font-size: 36px;}
.bigmenu-social ul li a { width: 45px; height: 45px; line-height: 45px; font-size: 15px; margin-left: 5px;}

.banner-text { width: 90%; padding: 0 15px;}
.banner-text h1 { font-size: 50px;}

.servicearea-head p { width: 80%;}
.servicearea-box div img { height: 330px;}
.servicearea-box h4 { font-size: 22px;}

.create-head h2 { font-size: 30px;}
.create-head h2 strong pre.is-visible { width: 218px;}
.create-content { padding-left: 0px;}

.create-content img { width: 90px;}

.skill-matter-content .heading span { font-size: 40px;}
.skill-matter-content h4 { font-size: 42px; margin: 20px 0px;}
.skill-matter-content p { width: 80%;}

.skill-image { height: 350px;}
.skill-area:before { width: 340px; height: 350px;}
.skill-area:after { width: 340px; height: 350px;}

.plans-line { bottom: -50px;}

.client-box-img { width: 25%; margin-right: 20px;}
.client-box-content { width: 75%;}

.client-testihead .heading { font-size: 42px;}
.client-testihead .heading img { width: 26px;}

.item-number h4 { font-size: 50px; margin: 0px 0px 12px;}
.item-number span { font-size: 50px;}
.item-number p { font-size: 12px;}

.date-content p { width: 70%;}

.parallex-area, .home-newvideo-box-content iframe { height: 420px;}

.news-box h4 { font-size: 16px; margin-bottom: 9px;}

.footer-logo img { width: 120px;}
.footer-logo{width: 49%; display: inline-block;}
.footer-social{width: 49%; display: inline-block; text-align: right;}

.event-box {width: 570px !important;}

.contact-detail-box { margin: 0;}
.contact-area { margin-bottom: 40px;}
.contact-detail h3 { font-size: 42px;}
.contact-detail-box:before { width: 250px; height: 250px; right: -40px; top: -50px;}
.contact-lines { bottom: -30px;}
.contact-form{ margin-top: 40px;}

.blog-deatil-social { text-align: left; margin-top: 30px;}
.blog-deatil-social span { margin-right: 0;}
.blog-deatil-social ul li a { width: 40px;  height: 40px; line-height: 40px; font-size: 14px; margin-left: 0px; margin-right: 5px;}

.blog-second-content h3 { font-size: 32px;}

.blog-3image-box p { font-size: 19px;}
.blog-last-small { width: 300px; height: 200px;}

.more-insight { margin: 70px 0px 40px;}
.more-insight-box h4 {font-size: 16px; margin-bottom: 9px;}


.subheader-content h1 { font-size: 42px; margin-bottom: 16px;}
.subheader-content p {font-size: 18px; width: 70%;}
.insightsub-vector { width: 110px;}

.blog-list-content h4 { font-size: 18px;}
.blog-list-content:hover:before { transform: scale(1.07, 1.05);}

.blog-newsletter-form .newsletter-field-check, 
.blog-newsletter-form .effect-button, 
.blog-newsletter-form .newsletter-field {
width: 60%;
}

.blog-newsletter { margin-bottom: 70px;}

.service-text h3 { font-size: 38px;}
.service-text span { margin-top: 4px;}
.service-short-img { height: 450px;}
.service-area-back .service-text { padding-left: 0px;}
.discipline-box-inner {bottom: -168px; padding: 20px 15px;}

.job-list-box h4 { font-size: 18px;}
.journey-box h4 { padding: 0px 0px;}

.career-brand-head p { width: 80%;}

.carrer-perk .heading { width: 70%;}

.career-brand .discipline-box-inner {bottom: -138px; padding: 20px 12px;}
.career-brand .discipline-box-inner h4 {font-size: 19px;}
.career-brand .discipline-box-inner p {margin-top: 12px; font-size: 13px;}


.eventpage-head-text h1 { font-size: 42px;}
.eventpage-head-textright{margin-top: 20px;}

.eventpage-detail-text h3 { font-size: 28px;}

.eventpage-vector { width: 250px; right: -150px;}

.eventpage-slider-vector { width: 170px; right: -370px;}
.eventpage-slide-item { margin-left: 40px;}
.slide-two-item { padding-bottom: 50px;}
.slidetwo-small { width: 200px; height: 120px;}

.eventpage-message .heading { font-size: 28px;}

.eventpage-handle { padding: 70px 0px;}
.eventpage-handle h3 { font-size: 42px;}
.eventpage-handle:before { width: 60%;}

.career-detail h5 { width: 130px;}


.inter-images-box img { width: 95%; height: 290px; margin-top: 40px;}
.interimg-vector { width: 300px;}

.internal-slider .slick-dots { bottom: 15px;}
.internal-slider .slick-dots button { width: 9px; height: 9px;}

.team-slider-item img { width: 160px;}

.team-slider-item h5 { margin: 10px 0px 2px; font-size: 18px;}
.team-slider-item p { font-size: 12px;}

.team-arrow-left, 
.team-arrow-right { width: 45px; height: 45px;}
.team-arrow-left img, 
.team-arrow-right img { width: 15px;}

.team-arrow-right:hover { margin-right: -7px;}
.team-arrow-left:hover { margin-left: -7px;}


.inter-exter-box-inner{ bottom: -168px; padding: 20px 26px;}
.inter-line-vector {top: -10px;}
.inter-exter-box-inner h4 {font-size: 20px;}
.inter-circle-vector { width: 260px; bottom: -10px; right: -150px;}

.external-slider .inter-exter-box-inner { bottom: -146px; padding: 20px 12px;}

.exter-arrow-left, 
.exter-arrow-right { width: 50px; height: 50px; }
.exter-arrow-left img, 
.exter-arrow-right img { width: 15px;}
.exter-arrow-left { left: -25px;}
.exter-arrow-right { right: -25px;}


.aboutsub-vector {width: 310px;}
.about-head h3 { font-size: 28px;}
.about-head p { padding-left: 0px;}

.aboutpage-image-right { width: 250px; height: 250px; top: 50px;}
.aboutpage-slider-vector { width: 230px; top: -20px;}

.mission-vector { width: 310px; right: 5%;}

.process-first{margin-top: 40px;}

.promise-short { width: 100%; height: 330px;}

.about-join h3 { line-height: 1.1; font-size: 28px;}
.about-join-text { margin-left: 0px;}

.guardian-vector { width: 260px;}

.about-logo-box { width: 28%;}
.about-logo-box img { width: 85%;}

.about-friend-logo img { width: 80px;}

.partner-vector { width: 250px;}

.history-slider.slick-slider { margin-right: -400px; margin-left: -400px;}
.history-slider .slick-slide, 
.history-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
 margin: 0px 20px;
}

.history-box h3 { font-size: 60px; line-height: 45px;}
.history-box h4 { margin: 14px 0px 10px;}

.history-arrow-left, .history-arrow-right { width: 50px; height: 50px; top: 26%;}
.history-arrow-right { right: -490px;}
.history-arrow-left { left: -490px;}


.history-arrow-left:hover { left: -510px;}
.history-arrow-right:hover { right: -510px;}

.date-content h3 { font-size: 44px;}

.eventlist-table { padding-bottom: 0px;}

.new-footer-links ul li a { font-size: 32px;}
.new-footer-social ul li a { width: 35px; height: 35px; line-height: 35px; margin-right: 1px; font-size: 13px;}
.new-footer { padding: 70px 0px 40px;}

.booking-popup .modal-dialog {max-width: 750px;}

.book-button { right: 10px;}
.book-button a span { width: 70px; height: 70px; font-size: 13px;}

}




@media (min-width: 900px) and (max-width: 991px){
.history-arrow-right { right: -540px;}
.history-arrow-left { left: -540px;}

.history-arrow-left:hover { left: -560px;}
.history-arrow-right:hover { right: -560px;}
}


@media(max-width:768px){
.table-respons{
display: block;
width: 100%;
overflow-x: auto;
}
}



/*-----------------------------*/


@media (min-width: 601px) and (max-width: 767px) {

.heading { font-size: 38px;}

.menu-container .main-menu li a{font-size: 45px;}

.menu { overflow-y: scroll; padding: 100px 15px 15px;}
.bigmenu-content { justify-content: unset; height: auto; width: 100%; flex-direction: column;}
.bigmenu-content-left, .bigmenu-content-right { width: 100%;}
.bigmenu-content-right {padding-left: 0px; margin-top: 35px;}
.bigmenu-social { position: relative; bottom: 0px; right: auto; left: 0; margin-top: 30px;}
.bigmenu-social ul li a { width: 42px; height: 42px; line-height: 42px; font-size: 14px; margin-left: 0px; margin-right: 5px;}
.bigmenu-page-link { margin-bottom: 30px !important;}
.bigmenu-phone { margin-top: 20px;}
.bigmenu-content-left ul li a { font-size: 32px;}
.no-whitehead { background: #05021d;}

.eyes-of-plugged svg:nth-child(1) { display: none;}
.eyes-of-plugged svg:nth-child(2) { bottom: -52.33333vw; width: 500px; height: 500px;}

.banner-text { width: 100%; padding: 0 15px;}
.banner-text h1 { font-size: 40px;}

.servicearea-head p { width: auto;}

.create-head h2 { font-size: 38px;}
.create-head h2 strong pre.is-visible { width: 275px;}
.create-content { padding-left: 0px; margin-top: 15px;}
.create-content img { width: 90px;}

.event-box { width: 650px !important;}

.skill-matter-content .heading span {font-size: 36px;}
.skill-matter-content h4 { font-size: 38px; margin: 20px 0px;}
.skill-matter-content p { width: auto;}

.servicearea-box div img{ height: 250px;}
.servicearea-box h4 { font-size: 18px;}
.servicearea-box { margin: 0px 8px;}
.service-slider .exter-arrow-left, .service-slider .exter-arrow-right { top: 37%;}

.plans-line { bottom: -360px;}

.client-box-img { margin-right: 15px;}
.clientvideo-popup .modal-dialog { margin: 0px 10px;}

.client-testihead{ margin-bottom: 10px;}
.client-testihead .heading { font-size: 38px; text-align: center; margin-bottom: 30px;}
.client-testihead .heading img { width: 26px;}
.client-testihead .appenddots {display: none;}
.mobile-dotshow { display: block;}

.count-area { padding: 50px 0px 60px;}
.item-number h4 { font-size: 50px; margin: 0px 0px 8px;}
.item-number span { font-size: 50px;}
.item-number {margin: 20px 0px;}

.skill-area:before { width: 450px; height: 450px;}
.skill-area:after { width: 450px; height: 450px;}
.skill-image { height: 450px; margin-top: 40px;}

.date-content h3 { font-size: 34px;}
.date-content p { width: auto; margin: 0 15px 25px;}

.logo-area-row img { width: 60%;}

.parallex-area {background-attachment: unset;}
.parallex-area, .home-newvideo-box-content iframe { height: 380px;}

.news-box h4 { font-size: 20px; margin-bottom: 10px;}

.footer-logo{ width: 49%; display: inline-block;}
.footer-logo img { width: 100px;}
.footer-social { margin-top: 0px; width: 49%; display: inline-block; text-align: right;}

.contact-area { padding: 70px 0px; margin-bottom: 40px;}
.contact-detail-box { padding: 30px 20px 40px; margin: 0;}
.contact-detail h3 { font-size: 38px;}
.contact-detail-box:before { width: 250px; height: 250px; right: -40px; top: -50px;}
.contact-detail div img { margin-right: 10px;}
.contact-detail ul li a { font-size: 18px;}
.contact-lines { bottom: -30px;}
.contact-form{ margin-top: 40px;}

.blog-deatil { padding-top: 50px;}
.blog-deatil-content span { margin-bottom: 8px;}

.bdetail-circle { width: 300px;}
.blog-deatil-social { text-align: left; margin-top: 30px;}
.blog-deatil-social span { margin-right: 0;}
.blog-deatil-social ul li a { width: 40px;  height: 40px; line-height: 40px; font-size: 14px; margin-left: 0px; margin-right: 5px;}

.blog-deatil-image { margin-top: 40px;}

.blog-second-content h3 { font-size: 28px;}

.blog-3image { margin: 20px 0px 10px;}
.blog-3image-box {position: relative; margin-top: 25px;}
.blog-3image-box img{ object-fit: cover; width: 100%; height: 400px;}

.blog-last-image { margin-top: 40px;}
.blog-last-box { padding-bottom: 0px;}
.blog-last-big { width: 100%;}
.blog-last-small { position: relative; bottom: auto; right: auto; width: auto; height: auto; margin-top: 30px;}

.more-insight { margin: 60px 0px 40px;}
.more-insight-box h4 {font-size: 20px;}


.subheader { padding-top: 50px; padding-bottom: 40px;}
.subheader-content h1 { font-size: 38px; margin-bottom: 16px;}
.subheader-content p {font-size: 18px; width: auto;}
.insightsub-vector { width: 110px;}

.blog-filter { margin-bottom: 10px;}
.blogmixture { padding-top: 20px;}

.blog-list { margin-bottom: 0px; padding-top: 12px;}
.blog-list-content h4 { font-size: 20px;}
.blog-list-content p { margin-bottom: 10px;}
.blog-list-content { margin-bottom: 50px;}

.blog-newsletter { margin-bottom: 40px;}


.service-text { margin-top: 30px;}
.service-text span { margin-right: 20px; margin-top: 3px;}
.service-text h3 { font-size: 38px;}
.service-text h3 br{ display: none;}
.service-area-back .service-text { padding-left: 0px;}
.service-short-img {width: 100%; float: none; height: 380px;}

.secondexpert-vector { top: -60px;}
.discipline-box-inner { bottom: -125px;}
.discipline-box img { object-fit: cover; width: 100%; height: 400px;}


.carrer-text h1 { font-size: 40px;}

.job-row { margin-bottom: 0px;}
.job-list-box h4 { font-size: 20px;}
.job-list-box { margin-bottom: 50px;}

.carrer-journey .heading { font-size: 38px;}
.career-brand-head p { width: auto;}

.carrer-perk .heading { width: auto;}


.eventpage-head { margin-top: 0px;}
.eventpage-head-text { padding-right: 0px;}
.eventpage-head-text h1 { font-size: 38px;}
.eventpage-head-textright{margin-top: 20px;}

.eventpage-detail { padding-top: 30px; margin-top: 30px;}
.eventpage-detail-list:before { width: 75%; top: -30px;}
.eventpage-vector { width: 250px; right: -140px;}

.eventpage-detail-list ul { margin-bottom: 22px;}
.eventpage-detail-text { margin-top: 30px;}
.eventpage-detail-text h3 { line-height: 1.3; font-size: 24px;}

.eventpage-headpara p { margin: 15px 0px 0px;}

.eventpage-slide-item { margin-left: 20px;}
.eventpage-slider-vector { width: 150px; right: -290px;}
.slide-two-item { padding-bottom: 60px;}
.slidetwo-small { width: 180px; height: 120px;}


.eventpage-message .heading { font-size: 24px;}
.eventpage-handle:before { width: 75%;}

.eventpage-handle { padding: 70px 0px;}
.eventpage-handle h3 { font-size: 38px;}

.career-brand .discipline-box-inner {bottom: -82px;}
.career-detail {flex-direction: column;}
.career-detail h5 { width: 100%; margin-bottom: 5px;}
.career-detail-right { width: 100%;}
.career-detail-list h4 { font-size: 17px;}
.career-detail-list h4 span { margin-bottom: 2px;}
.career-detail-list i { width: 35px; height: 35px; line-height: 32px;}
.career-detail-list i img { width: 12px;}
.career-loop { margin-bottom: 25px;}
.carrer-deatil-vacancy { margin: 80px 0px 10px;}

.internalpage-head { margin-top: 0px;}

.inter-images-box img { width: 100%; float: none; object-fit: unset; height: auto; margin-top: 40px;}

.internalpage-celebrate .heading { font-size: 38px;}

.internal-slider .slick-dots { bottom: 8px;}
.internal-slider .slick-dots button { width: 8px; height: 8px;}

.team-slider-item { margin: 0px 5px;}
.team-slider-item img{width: 130px;}

.team-arrow-left, 
.team-arrow-right { width: 40px; height: 40px;}
.team-arrow-left img, 
.team-arrow-right img { width: 13px;}

.team-slider-item h5 { margin: 10px 0px 2px; font-size: 16px;}
.team-slider-item p { font-size: 12px;}


.inter-exter-box-inner h4 {font-size: 18px;}
.inter-exter-box-inner{padding: 20px 12px;}
.inter-exter-box{margin: 0px 8px 0px;}
.inter-exter-box-inner{ bottom: -210px; padding: 20px 15px;}

.external-slider .inter-exter-box-inner { bottom: -188px; padding: 20px 10px;}

.inter-line-vector {top: -10px;}
.inter-circle-vector { width: 260px; bottom: -10px; right: -150px;}

.exter-arrow-left, 
.exter-arrow-right { width: 40px; height: 40px; }
.exter-arrow-left img, 
.exter-arrow-right img { width: 13px;}
.exter-arrow-left { left: -25px;}
.exter-arrow-right { right: -25px;}
.exter-arrow-right:hover { margin-right: -8px;}
.exter-arrow-left:hover { margin-left: -8px;}


.about-head h3 { line-height: 1.2; font-size: 26px;}
.about-head p { padding-left: 0px;}
.aboutsub-vector { width: 290px;}

.about-head { margin-top: 10px;}
.aboutpage-image-right { width: 200px; height: 200px; top: 30px;}
.aboutpage-slider-vector { width: 200px; top: -20px;}

.mission-vector { width: 290px; right: 0; left: 0; margin: 0 auto;}

.process-first{ margin-top: 40px;}
.promise-short{ width: 100%; float: none; height: 380px;}

.about-join-text { margin-left: 0px; margin-top: 0px;}

.history-slider.slick-slider { margin-right: -400px; margin-left: -400px;}
.history-slider .slick-slide,
.history-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
 margin: 0px 20px;}
.history-box h3 { font-size: 50px; line-height: 38px;}
.history-box h4 { margin: 12px 0px 10px;}

.history-arrow-left { left: -450px;}
.history-arrow-right { right: -450px;}
.history-arrow-left, 
.history-arrow-right { width: 40px; height: 40px; top: 23%;}
.history-arrow-left img, 
.history-arrow-right img { width: 13px;}

.history-arrow-right:hover { right: -12px;}
.history-arrow-left:hover { left: -12px;}

.history-arrow-right:hover { right: -450px;}
.history-arrow-left:hover { left: -450px;}

.partner-vector { width: 260px;}

.eventlist-table { padding-bottom: 0px;}

.eventpage-middle-box { padding-bottom: 0px;}

.new-footer { padding: 40px 0px 30px; box-shadow: 0 40px 90px rgba(0,0,0,0.2);}
.new-footer-links ul li a { font-size: 25px;}
.new-footer-address h4, .what-footer-link h4, .new-footer-social h4 { margin-bottom: 12px;}
.new-footer-social ul li a { width: 32px; height: 32px; line-height: 32px; margin-right: 0px; font-size: 12px;}
.new-footer-social { margin-top: 40px;}
.new-footer-address{ margin-top: 20px;}
.footer-bottom { margin-top: 20px;}
.new-footer-logo{ text-align: center; margin-bottom: 15px;}
.footer-term { text-align: center;}
.footer-term li { margin-left: 0; margin: 0px 10px;}

.about-friend-logo { margin-top: 30px;}


.book-noright {padding-right: 15px;}
.book-noleft {display: none;}
.booking-popup .modal-body { padding: 20px;}
.booking-popup .modal-body h3 {font-size: 30px;}
.left-close{display: block;}
.booking-popup .left-close img { width: 13px; filter: none;}
.booking-popup .left-close { top: 7px; right: 20px;}

.popright-gap{padding-right: 15px;}
.popleft-gap{padding-left: 15px;}

.thankyou-page .img-res { width: 180px; margin-right: 30px;}
.thankyou-page p {  margin: 25px 0px 30px;}

.book-button { bottom: 40px; right: 10px;}
.book-button a span { width: 70px; height: 70px; font-size: 13px;}

}





@media (min-width: 484px) and (max-width: 600px) {
.discipline-box-inner { bottom: -105px;}
.inter-exter-box-inner{ bottom: -105px;}
.discipline-box-inner { bottom: -126px;}
.discipline-box-inner p { width: 424px;}

.inter-exter-box-inner { bottom: -125px;}
.inter-exter-box-inner p { width: 375px;}
}


@media (min-width: 400px) and (max-width: 450px) {
.skill-area:before {right: -100px;}
.skill-area:after {right: -100px;}

.history-arrow-left, 
.history-arrow-right { top: 23% !important;}
}


@media (min-width: 451px) and (max-width: 500px) {
.skill-area:before {right: -150px;}
.skill-area:after {right: -150px;}

.history-arrow-left, 
.history-arrow-right { top: 25% !important;}
}


@media (min-width: 501px) and (max-width: 600px) {
.skill-area:before {right: -200px;}
.skill-area:after {right: -200px;}

.history-arrow-left, 
.history-arrow-right { top: 27% !important;}

.career-brand .discipline-box-inner {bottom: -84px;}
}






@media(max-width:600px){

.heading {font-size: 30px;}
.sub-heading { font-size: 13px; margin-bottom: 6px;}
.blob-btn { padding: 10px 20px; font-size: 13px;}

.mobile-menu{display: block;}

.menu-container .main-menu {display: none;}
.menu-container .main-menu li a{font-size: 26px;}

.menu { overflow-y: scroll; padding: 100px 15px 15px;}
.bigmenu-content { justify-content: unset; height: auto; width: 100%; flex-direction: column;}
.bigmenu-content-left, .bigmenu-content-right { width: 100%;}
.bigmenu-content-right {padding-left: 0px; margin-top: 35px;}
.bigmenu-social { position: relative; bottom: 0px; right: auto; left: 0; margin-top: 30px;}
.bigmenu-social ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 14px; margin-left: 0px; margin-right: 5px;}
.bigmenu-page-link { margin-bottom: 30px !important;}
.bigmenu-phone { margin-top: 20px;}
.bigmenu-content-left ul li { margin-bottom: 18px;}
.bigmenu-content-left ul li a { font-size: 28px;}
.no-whitehead { background: #05021d;}
.bigmenu-content-right p { margin-bottom: 13px;}

.eyes-of-plugged svg:nth-child(1) { display: none;}
.eyes-of-plugged svg:nth-child(2) { width: 580px; height: 580px; opacity: .3 !important;}
.eyes-of-plugged { margin-right: 4px;}

.grey-header .header-area { padding: 4px 0px;}
.header-gap { margin-top: 78px;}

.sticky .logo a img { width: 75px;}

.banner-text {width: 100%; padding: 0px 15px;}
.banner-text h1 { font-size: 25px;} 

.banner-area { height: auto;}
.banner-area .video { display: block;}
.video-play-button:before { width: 60px; height: 60px;}
.video-play-button:after {width: 60px; height: 60px;}

.service-area { margin-top: 50px;}
.servicearea-head p { width: auto;}
.servicearea-box div img {height: 330px;}

.create-area { margin-top: 50px;}
.create-head h2 { font-size: 30px;}
.create-head h2 strong pre.is-visible { width: 218px;}
.create-content { padding-left: 0px; margin-top: 10px;}
.create-content img { width: 80px;}

.servicearea-box h4 { font-size: 22px;}

.event-area { margin-top: 50px; margin-bottom: 50px; padding-top: 30px;}
.event-area:before { width: 190px; height: 50%;}
.event-head span { transform: none; writing-mode: unset; margin-top: 0px; margin-bottom: 28px; display: block;}
.event-head span:before { width: 100px; height: 2px; top: 0px; left: 110px;}

.event-slider.slick-slider { margin-right: 0px;}
.event-box { width: 580px !important;}
.event-box .event-box-content { margin-left: 15px;}
.event-box .event-box-content h3 { font-size: 28px;}
.event-box .event-box-content a { width: 60px; height: 60px; line-height: 60px; transform: translatex(-11px);}
.event-box .event-box-content a:hover { transform: translatex(11px);}
.event-box .event-box-content a img { width: 18px;}

.skill-matter-content .heading span { font-size: 28px;}
.skill-matter-content h4 { font-size: 30px; margin: 20px 0px;}
.skill-matter-content h4 span { font-size: 16px; margin-left: 12px;}
.skill-matter-content p { margin: 0 auto 0px; width: auto;}
.plans-line { bottom: -380px;}

.skill-area:before { width: 100%; height: 380px; background-size: contain;}
.skill-area:after { width: 100%; height: 380px; background-size: contain;}
.skill-image { height: 380px; margin-top: 40px;}

.skill-content h5 { font-size: 22px;}

.client-area { padding: 50px 0px;}
.client-box {flex-direction: column;}
.client-box-img { width: 25%; margin-right: 0px;}
.client-box-content { width: 100%; text-align: center;}
.client-box-content h4 { margin-top: 10px;}
.client-box-content p { margin-bottom: 18px;}
.clientvideo-popup .modal-dialog { margin: 0px 10px;}

.client-testimonial { padding: 50px 0px;}
.client-testihead{ margin-bottom: 10px;}
.client-testihead .heading { font-size: 30px; text-align: center; margin-bottom: 30px;}
.client-testihead .heading img { width: 22px;}
.client-testihead .appenddots {display: none;}
.mobile-dotshow { display: block;}
.home-clientlogo { padding-top: 0px !important;}

.count-area { padding: 50px 0px;}
.item-number h4 { font-size: 40px; margin: 0px 0px 5px;}
.item-number span { font-size: 40px;}
.item-number {margin: 12px 0px;}
.item-number p { font-size: 12px;}
.counter-pattern { width: 160px; top: 50px;}

.date-content {padding: 15px 8px 30px; margin: 0px -15px;}
.date-content h3 { font-size: 30px;}
.date-content p { width: auto; margin: 0 10px 25px;}

.logo-area { padding: 50px 0px 30px;}
.logo-area-box { margin-top: 20px;}
.logo-area-row { width: 50%; height: 70px;}
.logo-slider-img {height: 50px;}

.parallex-area {background-attachment: unset; margin-bottom: 60px;}
.parallex-area, .home-newvideo-box-content iframe { height: 380px;}

.news-area { margin-bottom: 60px;}
.news-box h4 { font-size: 18px; margin-bottom: 10px;}

footer {  padding: 40px 0px 0px; background-position: bottom center;}
.footer-logo img { width: 110px;}
.footer-logo p {margin: 12px 0px 0px;}


.contact-area { padding: 60px 0px; margin-bottom: 40px;}
.contact-detail-box { padding: 20px 5px 30px; margin: 5px;}
.contact-detail h3 { font-size: 30px;}
.contact-detail-box:before { width: 150px; height: 150px; right: -18px; top: -40px;}
.contact-detail div img { width: 70px; margin-right: 10px;}
.contact-detail ul li a { font-size: 18px;}
.contact-lines { bottom: -20px;}
.contact-form{ margin-top: 40px;}


.blog-deatil { padding-top: 50px;}
.blog-deatil-content span { margin-bottom: 8px;}

.bdetail-circle { width: 280px;}
.blog-deatil-social { text-align: left; margin-top: 30px;}
.blog-deatil-social span { margin-right: 0;}
.blog-deatil-social ul li a { width: 40px;  height: 40px; line-height: 40px; font-size: 14px; margin-left: 0px; margin-right: 5px;}

.blog-deatil-image { margin-top: 40px;}
.blog-second-content h3 { font-size: 24px; line-height: 1.2;}

.blog-3image { margin: 20px 0px 10px;}
.blog-3image-box {position: relative; margin-top: 25px;}
.blog-3image-box img{ object-fit: cover; width: 100%; height: 350px;}

.blog-last-image { margin-top: 30px;}
.blog-last-box { padding-bottom: 0px;}
.blog-last-big { width: 100%;}
.blog-last-small { position: relative; bottom: auto; right: auto; width: auto; height: auto; margin-top: 30px;}

.blog-3image-line {top: -40px;}

.more-insight { margin: 60px 0px 40px;}
.more-insight-box h4 {font-size: 18px; margin-bottom: 8px;}


.subheader { padding-top: 50px; padding-bottom: 40px;}
.subheader-content h1 { font-size: 32px; margin-bottom: 15px;}
.subheader-content p {font-size: 16px; width: auto;}
.insightsub-vector { width: 110px;}

.blog-filter { margin-bottom: 0px;}

.blog-list { margin-bottom: 0px; padding-top: 12px;}
.blog-list-content h4 { font-size: 18px; margin-bottom: 8px;}
.blog-list-content p { margin-bottom: 10px;}
.blog-list-content { margin-bottom: 50px;}
.blog-list-content:hover:before { transform: scale(1.06);}

.blog-newsletter-form .newsletter-field-check, 
.blog-newsletter-form .effect-button, 
.blog-newsletter-form .newsletter-field {
width: 85%;
}

.blog-newsletter { margin-bottom: 30px;}

.discipline-area { margin: 60px 0px;}
.discipline-box { margin-top: 30px;}
.discipline-box img{object-fit: cover; width: 100%; height: 400px;}
.discipline-box-inner h4 { font-size: 22px;}
.discipline-box-inner { padding: 20px 15px;}

.expert-process p { font-size: 15px;}
.experetservice-area { margin-top: 60px;}

.expertsub-vector { width: 280px; bottom: -130px; right: -130px;}

.service-short-img { width: 100%; float: none; height: 350px;}
.expertprocess-vector { width: 90px;}

.service-text { margin-top: 25px;}
.service-text span { margin-right: 15px; margin-top: 2px;}
.service-text h3 { font-size: 30px;}
.service-text h3 br{ display: none;}
.service-area-back { padding: 60px 0px; margin-top: 60px;}
.service-area-back .service-text { padding-left: 0px;}
.secondexpert-vector { top: -50px;}


.carrer-text { width: 100%; padding: 0px 13px;}
.carrer-text h1 { font-size: 32px;}
.carrer-vacancy { margin: 50px 0px 30px;}

.job-row { margin-bottom: 0px;}
.job-list-box h4 { font-size: 18px; margin-bottom: 8px;}
.job-list-box { margin-bottom: 40px;}

.career-viewmore { margin-bottom: 50px;}

.carrer-journey .heading { font-size: 30px;}
.carrer-journey { padding: 50px 0px; margin-top: 50px;}

.journey-box h4 { padding: 0px;}

.career-brand {margin: 50px 0px;}
.career-brand-head p { width: auto;}
.carrer-perk .heading { width: auto; margin: 0;}

.carrer-bigimage { margin: 50px 0px;}
.carrer-open { margin-bottom: 50px;}
.carrer-open-box p { width: auto;}


.eventpage-head { margin-top: 0px;}
.eventpage-head-text { padding-right: 0px;}
.eventpage-head-text h1 { font-size: 32px;}
.eventpage-head-text p { font-size: 14px;}
.eventpage-head-textright span { font-size: 14px;}
.eventpage-head-textright{margin-top: 20px;}

.eventpage-detail { padding-top: 30px; margin-top: 30px;}
.eventpage-detail-list:before { width: 75%; top: -30px;}
.eventpage-vector { width: 250px; right: -140px;}

.eventpage-detail-list ul { margin-bottom: 22px;}
.eventpage-detail-text { margin-top: 30px;}
.eventpage-detail-text h3 { line-height: 1.3; font-size: 24px;}

.eventpage-bigimage { margin: 50px 0px;}

.eventpage-headpara { margin-bottom: 50px;}
.eventpage-headpara-text span { margin-bottom: 4px; display: block;}
.eventpage-headpara p { margin: 15px 0px 0px;}

.eventpage-slide-item { margin-left: 0px;}
.slide-two-item { padding-bottom: 70px;}
.slidetwo-small { width: 210px; height: 150px;}
.eventpage-slider-vector { width: 180px; right: auto;}

.eventpage-message { margin-top: 60px;}
.eventpage-message .heading { line-height: 1.2; margin-top: 40px; font-size: 22px;}

.eventpage-middle { padding: 40px 0px 50px;}

.eventpage-middle-vector { top: 10px;}

.eventpage-handle { margin-bottom: 50px; padding: 40px 0px;}
.eventpage-handle:before { width: 100%; left: 0px; backdrop-filter: blur(3px); transform: none;}
.eventpage-handle h3 { font-size: 30px;}


.career-detail {flex-direction: column;}
.career-detail h5 { width: 100%; margin-bottom: 5px;}
.career-detail-right { width: 100%;}
.career-detail-list h4 { font-size: 16px; width: 60%;}
.career-detail-list h4 span { margin-bottom: 3px;}
.career-detail-list i { width: 30px; height: 30px; line-height: 28px;}
.career-detail-list i img { width: 10px;}
.career-loop { margin-bottom: 25px;}
.carrer-deatil-vacancy { margin: 50px 0px 10px;}
.career-detail-table { margin-top: 30px;}


.internalpage-head { margin-top: 0px;}
.inter-images { padding: 50px 0px;}
.inter-images-box img { width: 100%; float: none; object-fit: unset; height: auto; margin-top: 30px;}

.internalpage-celebrate .heading { font-size: 30px;}
.internalpage-slider-area { margin-top: 50px;}

.internal-slider .slick-dots { bottom: 8px;}
.internal-slider .slick-dots button { width: 8px; height: 8px;}

.inter-exter-area { padding: 50px 0px;}

.team-slider-item img{width: 180px;}

.team-arrow-left, 
.team-arrow-right { width: 40px; height: 40px;}
.team-arrow-left img, 
.team-arrow-right img { width: 13px;}
.team-arrow-left { left: -5px;}
.team-arrow-right { right: -5px;}
.team-arrow-right:hover { margin-right: -8px;}
.team-arrow-left:hover { margin-left: -8px;}

.eventpage-handle { margin-bottom: 40px;}


.inter-exter-box{margin: 0px 0px 0px;}
.inter-line-vector { top: -10px;}
.inter-circle-vector { width: 250px;}
.inter-exter-box a img { object-fit: cover; width: 100%; height: 400px;}

.inter-exter-box-inner h4 {font-size: 22px;}
.inter-exter-box-inner{padding: 20px 26px;}

.external-slider .inter-exter-box-inner{padding: 20px 28px;}

.exter-arrow-left, 
.exter-arrow-right { width: 40px; height: 40px; background: #fff;}
.exter-arrow-left img, 
.exter-arrow-right img { width: 13px;}
.exter-arrow-left { left: -5px;}
.exter-arrow-right { right: -5px;}
.exter-arrow-right:hover { margin-right: -8px;}
.exter-arrow-left:hover { margin-left: -8px;}


.about-head h3 { line-height: 1.2; font-size: 24px;}
.about-head p { padding-left: 0px;}
.aboutsub-vector { width: 250px; left: -130px;}

.about-head { margin-bottom: 50px; margin-top: 0px;}

.aboutpage-image-area { margin-bottom: 50px;}
.mobile-aboutimage{height: 320px;}
.aboutpage-image-right { width: 100%; height: 280px; object-fit: cover; top: auto; bottom: 0; right: 0; left: 0; padding: 0px 15px;}
.aboutpage-slider-vector { width: 200px;}

.about-line-vector { top: -10px;}

.about-mission { padding-bottom: 60px;}
.about-mission .heading { font-size: 30px;}
.mission-vector { width: 280px;}

.about-video{ margin-bottom: 50px;}

.process-first{ margin-top: 40px;}
.promise-short { width: 100%; float: none; height: 320px;}

.aboutpage-team { margin-top: 50px; margin-bottom: 50px;}

/*.about-join { margin-bottom: 50px;}*/
.about-join h3 { line-height: 1.2; font-size: 24px;}
.about-join-text { margin-left: 0px; margin-top: 0px;}
.about-join-text .effect-button { margin: 10px 0px 9px;}
.guardian-vector { width: 250px; top: -100px;}

.history-slider.slick-slider { margin-right: 0px; margin-left: 0px;}
.history-slider .slick-slide,
.history-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
opacity: 1; margin: 0px;}
.history-box h3 { font-size: 50px; line-height: 38px;}
.history-box h4 { margin: 14px 0px 10px;}

.history-arrow-left { left: -12px; right: auto;}
.history-arrow-right { right: -12px; left: auto;}
.history-arrow-left, 
.history-arrow-right { width: 40px; height: 40px; background: #fff; top: 21%;}
.history-arrow-left img, 
.history-arrow-right img { width: 13px;}

.history-arrow-right:hover { right: -12px;}
.history-arrow-left:hover { left: -12px;}


.about-partner { padding: 50px 0px;}
.about-partner-para { margin-top: 15px;}

.about-logo-row { margin-top: 20px;}
.about-logo-box { width: 40%; margin: 15px auto 8px;}

.about-logo-box:last-child { margin: 15px 8px;}

.about-friend-logo { margin-top: 20px;}
.about-friend-logo img { width: 80px;}
.partner-vector { width: 230px; bottom: 0px; right: -200px;}

.eventlist-filter { text-align: left;}

.eventlist-table { padding-bottom: 0px;}

.eventpage-middle-box { padding-bottom: 0px;}

.new-footer { padding: 40px 0px 30px; box-shadow: 0 40px 90px rgba(0,0,0,0.2); margin-top: 60px;}
.new-footer-links ul li a { font-size: 25px;}
.new-footer-address h4, .what-footer-link h4, .new-footer-social h4 { margin-bottom: 12px;}
.new-footer-social ul li a { width: 32px; height: 32px; line-height: 32px; margin-right: 0px; font-size: 12px;}
.new-footer-social { margin-top: 40px;}
.new-footer-address{ margin-top: 20px;}
.footer-bottom { margin-top: 20px;}
.new-footer-logo{ text-align: center; margin-bottom: 15px;}
.footer-term { text-align: center; display: flex; justify-content: space-between;}
.footer-term li { margin-left: 0;}
.footer-term li a { font-size: 12px;}

.book-noright {padding-right: 15px;}
.book-noleft {display: none;}
.booking-popup .modal-body { padding: 20px;}
.booking-popup .modal-body h3 {font-size: 30px;}
.left-close{display: block;}
.booking-popup .left-close img { width: 13px; filter: none;}
.booking-popup .left-close { top: 7px; right: 20px;}

.popright-gap{padding-right: 15px;}
.popleft-gap{padding-left: 15px;}

.about-join span { font-size: 15px;}

.thankyou-page .img-res { width: 180px; margin-right: 30px;}
.thankyou-page p {  margin: 25px 0px 30px;}

.book-button { bottom: 50px; right: 10px;}
.book-button a span { width: 60px; height: 60px; font-size: 12px;}

}



@media (min-width: 385px) and (max-width: 404px) {
.discipline-box-inner { padding: 20px 26px;}
.inter-exter-box-inner p { width: 304px;}
.external-slider .inter-exter-box-inner p { width: 295px;}
}


@media (min-width: 405px) and (max-width: 484px) {
.discipline-box-inner { bottom: -168px;}
.discipline-box-inner p { width: 320px;}
.inter-exter-box-inner{ bottom: -125px;}

.career-brand .discipline-box-inner {bottom: -83px;}

.inter-exter-box-inner { bottom: -145px;}
.inter-exter-box-inner p { width: 305px;}

.external-slider .inter-exter-box-inner p { width: 295px;}
}



@media (min-width: 360px) and (max-width: 374px) {
.inter-exter-box-inner { padding: 20px 15px;}
.external-slider .inter-exter-box-inner { padding: 20px 15px;}
.external-slider .inter-exter-box-inner p { width: 297px;}

}