/*@media only screen and (max-width: 3760px) {

  .myRow{

    margin-right: 94px;

    margin-left: 94px;

  }

  .box14 .box-content{

    width: 92%;

    height: 29vh;

  }

  .box14 .post{

    padding: 13em 20px;

    height: 29vh;

  }

}*/

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

  .myRow{

    margin-right: 94px;

    margin-left: 94px;

  }

  .box14 .box-content{

    width: 92%;

    height: 29vh;

  }

  .box14 .post{

    padding: 13em 20px;

    height: 29vh;

  }

}

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

  .box14 .box-content{

    width: 92%;

    height: 27vh;

  }

  .box14 .post{

    padding: 13em 20px;

    height: 27vh;

  }

}

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

  .box14 .box-content{

    width: 92%;

    height: 23vh;

  }

  .box14 .post{

    padding: 7em 20px;

    height: 23vh;

  }

}

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

  .box14 .box-content{

    width: 92%;

    height: 23vh;

  }

  .box14 .post{

    padding: 5em 20px;

    height: 23vh;

  }

}

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

  .box14 .box-content{

    width: 92%;

    height: 41.5vh;

  }

  .box14 .post{

    padding: 3em 20px;

    height: 41.5vh;

  }  

}

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

.box14 .box-content {

    width: 92%;

    height: 46vh;

}

.box14 .post {

    padding: 3em 20px;

    height: 46vh;

}

}



@media only screen and (max-width: 1440px) {
p {
    font-size: 16px;
}
  .geeks img{
    height: 600px;
    width: 100%;
  }

  .myRow{

    margin-right: 69px;
    margin-left: 69px;

  }

  .box14 .box-content{

    width: 92%;

    height: 41.5vh;

  }

  .box14 .post{

    padding: 1em 20px;

    height: 35.3vh;

  }

  .box14 h2{

    font-size: 18px !important;

  }

  .box14 .post{

    font-size: 16px;

  }

}

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

  .myRow{

    margin-right: 94px;

    margin-left: 94px;

  }

  .box14 .box-content{

    width: 92%;

    height: 36.5vh;

  }

  .box14 .post{

    padding: 1em 20px;

    height: 36.5vh;

  }

  .box14 h2{

    font-family: StintUltraCondensed;
    font-size: 18px !important;

  }

  .box14 .post{

    font-size: 14px;

  }

}

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

p {
    font-size: 10px;
}

.myRow{
    margin-right: 55px;
    margin-left: 55px;
}
.box14 .box-content{
    width: 92%;
    height: 43.5vh;
}
.box14 .post{
   padding: 1em 20px;
    height:37.5vh;
/*border: 1px solid #fff;*/
}

.box14 h2{
    font-size: 13px !important;
}
.box14 .post{
    font-size: 14px;
}
.box14 .post p{
      font-size: 12px !important;
}
.page-header-drawer .navbar-brand .logo a .light-logo{
    height: 95px;
    background: url(../images/logo.png);
    width:100% ;
}
.menu-visible .page-header-drawer .navbar-brand .logo a .light-logo {
    background-image: url(../images/logowhite.png);
}

.tab button{
  font-size: 15px;
  padding: 26px 0px;
}
.OurRole ul li{
   font-size: 12px;
}
.tablinksTOP{
    margin-bottom: 1em;
}
}




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

  .section .section-wrapper.with-margin {

    padding-left: 100px;

    padding-right: 100px; 

    padding-top: 100px;

    padding-bottom: 100px;

  }

.section .section-wrapper.with-margin{

    padding-left: 100px;

    padding-right: 100px; 

}

.section .section-wrapper.with-margin2 {

      padding-left: 82px;

      padding-right: 82px;

      padding-top: 100px;

      padding-bottom: 100px;

  }

}

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

  .section .section-wrapper.with-margin {

    padding-left: 100px;

    padding-right: 100px; 

}

.section .section-wrapper.with-margin2 {

      padding-left: 82px;

      padding-right: 82px;

      padding-top: 100px;

      padding-bottom: 100px;

  }

  .myRow{

    margin-right: 94px;

    margin-left: 94px;

  }

  .box14 h2{

    font-size: 13px !important;

  }

  .box14 .box-content{

    width: 92%;

    height: 34.5vh;

  }

  .box14 .post{

    padding: 1em 20px;

    height: 34.5vh;

  }

  .box14 .post{

    font-size: 14px;

    line-height: 20px;

  }

  .media-body p{

    font-size: 15px;

  }

}



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

.section-home.section-center .home-title {
    font-size: 58px;
    text-transform: capitalize;
}

.section .section-wrapper.with-margin {

      padding-left: 82px;

      padding-right: 82px;

      padding-top: 128px;

      padding-bottom: 128px;  

}

.section .section-wrapper.with-margin2 {

      padding-left: 82px;

      padding-right: 82px;

      padding-top: 100px;

      padding-bottom: 100px;

  }

  .myRow{

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 94px ;

    margin-left: 94px ;

  } 

  .box14 h2{

    font-size: 11px !important;

  }

  .box14 .icon, .box15 .icon{

    font-size: 30px;

  }

  .media-body p{

    font-size: 12px;

  }

  .box14 .post {

      font-size: 12px;

      line-height: 15px;

  }

  .font-cl{

    font-size: 12px;

    margin-top: -8px;

  }

  .box14 .box-content {

      width: 92%;

      height: 16vh;

  }

  .box14 .post{

    padding: 1em 20px;

    height: 28.5vh;

  }

}





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


.display-2 {
    font-size: 34px !important;
}
.page-cover{
  height:100vh;
  width:100%;
}
#myVideo {
 text-align:center;
  margin:0 auto;
  min-width: 100%; 
  min-height: 100%;
width:auto;
height:auto;
top:50%;
left:50%;
transform: translate(-50%, 0)
}
/* menu */

.page-header-drawer .navbar-brand .logo img{

      width: 31%;

}

.body-page .section {

    padding-top: 0;

    padding-bottom: 0;

}

.body-page .page-main .section .tab-res-c{

  padding: 0;

}

.body-page .section .section-wrapper.with-margin {

    padding-left: 56px;

    padding-right: 56px;

    padding-top: 45px;

    padding-bottom: 45px;

}

.tab-cnt-rres{

     padding-top: 45px;

    padding-bottom: 45px; 

}

/* banner */

.title-desc p{

  font-size: 11px;

}

.btn-line{

  font-size: 16px;

}

/* contact*/

.tab-respo{

  padding: 0 50px ;

}

.btns-action .btn-line::before, .btn-line::after{

  width: 4rem;

}

.message-form .btn-outline-white{

  margin-top: 14rem;

}

.user-marg32 {

  margin-bottom: 10%;

}

.section-content .section-content-header{

  margin-bottom: 30px;

}

.res-test-tab{

  padding-left: 32px;

}

.media-number h4{

  font-size: 35px;

}



/* exprts */

.section {

    padding-top: 70px;

    padding-bottom: 70px;

}

.myRow{

    margin-right: 50px;

    margin-left: 32px;

}

.exprt-cont {

    margin-top: 10%;

}

.box14 .post {

    padding: 2px 2px;
    height: 19.5vh;
    font-size: 10px;

}

.box14{

  padding: 44% 10%;

  margin-bottom:0;

  border: 1px solid #ffffffb0;

}

.box14 .box-content {

    height: 19.6vh;

}

.font-cl {

    font-size: 8px !important;

    margin-top: -5px;

}



/* our projects*/

.tablinksTOP{

  line-height: 34px;

  margin-bottom: 1em;

}

.section-wrapper .tab button{
    padding: 16px 0px;
    font-size: 15px;
    width:100%;
}

.roleSec .col-md-6 p{
    font-size: 12px;
    line-height: 20px;
}

.OurRole ul li{

  font-size: 12px;

  list-style: none;

}

.OurRole ul li::before{

  display: none;

}

.r8-arrow {

    padding-left: 9px;

}

.projectBTN a{

  font-size: 8px;

}

}

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

.lolo li{
    margin-top: -25px !important;
    margin-bottom: 23px;
}

/* menu */

.page-header-drawer .navbar-brand .logo img{

    width: 89%;

    margin-top: 1px;

}

.page-header-drawer .navbar-toggler{

    top: 61px;

}

.menu-icon .text{

    display: none;

}

.menu-icon.menu-icon-line .bars{

      width: 42px;

}

.page-header-drawer .navbar-toggler{

      right: 12px;

}

.menu-icon.menu-icon-line .bars .bar3 {

    opacity: 1;

}

.section-home .btns-action{

  margin-top: -44px !important;

}

.menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3 {

    background: #4c5378;

}

/* who we are */

.section-content .title-desc{

  padding: 0 0px !important;

}

.section{

  padding-top: 39px;

}

.display-5{

  text-align: left !important;

}

.extra-res-css{

  padding: 0 18px !important;

}



/* our projects */

.tablinksTOP{

  margin-bottom: 1em;

}

.tab button{

  padding: 25px 2px;

}



/* exprtis */

.text-anim{

  padding: 0;

}

.tab{

  width: 100%;

}

.tabcontent{

  width: 100%;

  margin-bottom: -0px;

}

.geeks img{

  height: auto;

}

.tablinks2 {

  width: 100% !important;

  margin-bottom: 50px;

}

.myRow{

    margin-right: 17px;

    margin-left: 17px;

}

.exprt-cont {

    margin-top: 0;

}

.media-body p {

    font-size: 15px;

    margin-top: 24px;

}

.box14{

  border: 1px solid #ffffffb0;
padding: 17% 0%;
    margin: 15px 0 15px;

}

.box14 h2 {

    font-size: 18px !important;

}

.box14 .box-content {

    height: unset;

}

.box14 .post{

    height: unset;

}

.box14 .post {

    font-size: 16px;

    line-height: 19px;

}

.box14 .icon, .box15 .icon {

    font-size: 48px;

}

.res-fr-expr .font-cl {
    font-size: 15px !important;
    margin-top: 0px;
    border: 1px solid #fff;
    width: 50%;
    margin: 0 auto;
    padding: 7px 0;

}

.res-test-tab {

    padding-left: 19px;

}





/* contact  */

.section .section-wrapper{

    padding: 30px 17px 0 !important;

}

.btn-line::before, .btn-line::after{

    width: 1.5rem !important;

}

.tab-respo {

    padding: 0 10px;

}

/* service */ 
.res-srv{
flex-direction: column-reverse;
}
.hed-pad-srv{
 margin-top:20px;
}
/* contact */
.tab2{
    display: block;
    width: 100%;
    float: none;
}
.tablinks222{
    width: 100% !important;
}
.tab2 button{
    margin-bottom: 20px !important;
}
.writt{
  width:100%;
}
.message-form .btn-outline-white {
    margin-top: 3rem;
}
.footer-prv{
    bottom: -40rem;
    position: absolute;
}
.icons-margin {
    margin-top: -52%;
    margin-bottom: 50px;
}
.roleSec .col-md-6 p {
    font-size: 13px;
    line-height: 24px;
}

.xmo {
    padding: 30px 14px;
}
.my-sec-cl{
    font-size: 18px ;
}
.new-bt {
    margin-bottom: 39px;
}
p {
    font-size: 15px;
}
.btns-action .btn-line{
    padding: 0rem 5rem 0 7rem;
}
.btn-line::before, .btn-line::after{
     left: 91% !important;
}
.col-sm-12.col-md-12.col-lg-3.box-ht {
    height: 190px !important;
}
.section-wrapper .tab button{
    width:100%;
    background: transparent;
    border: none;
    display: flex;
    padding: 10px 0;
}
.roleSec{
  color:#000;
    position: relative;
}
.OurRole ul{
   padding: 0;
   margin-bottom: 20px;
}
.OurRole h2{
  font-size:20px;
  margin: 20px 0;
}
tablinks2 a{
     color: #131313 !important;
}
button.tablinksTOP {
    font-size: 28px !important;
}

.box14 .post{
     border: none;
}
.page-header-drawer .navbar-brand{
    margin-top: 0;
    position: unset;
    left: 0;
    top: 0;
    z-index: 9999;
}
.tab .active{
    border-bottom: 1px solid red !important;
}
.section-wrapper .tab button:focus{
   outline:none !important;
}
button:focus{
   outline: none !important;
}
.section-wrapper.with-margin.with-margin2 {
    display: flex;
    flex-direction: column;
}
button.tablinksTOP {
    position: absolute;
    top: 73% !important;
}
.fr-re{
    position: relative;
    order: 1;
}
.aryy-y{
  padding: 36px 10px 100px;
}

.tab2 .thrAMl{
    width: 65% !important;
}
#myBtn{
    bottom: 51px;
}

.page-cover{
  height:100vh;
  width:100%;
}
#myVideo {
 text-align:center;
  margin:0 auto;
  min-width: 100%; 
  min-height: 100%;
width:auto;
height:auto;
top:50%;
left:50%;
transform: translate(-35%, 0%);
}
.display-2 {
    font-size: 34px !important;
}
.section-content .box-ht23 {
    height: 675px;
}
.swiper-container.slider-container.swiper-container-horizontal.swiper-container-autoheight .anim-4 {
    display: none;
}
.box14 .box-content {
    width: 100%;
}
.col-12.col-md-3.OurRole {
  /*  margin-top: 142px;*/
   /* position: absolute; */
}
.col-12.col-md-6.ptop{
    /*position: absolute;*/
}

#projects .jk {
    margin-left: -126px !important;
}

.kalam .tab {
    order: 2;
}
.box-ht .cont {
    bottom: -35rem;
}
.abt-sec .section-wrapper .row .col-md-4{
background: rgb(93 93 93 / 31%);
    padding: 30px 12px;
    margin-bottom: 30px;
}
.list-items.row{
    margin: 0 auto;
}
.frMyOwn span.text.txt-tw-et.ll{
    margin-left: -187px !important;
}
.port-row img {
    max-width: 100%;
    height: 240px;
    width: 260px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
}
.section-content ul li {
    list-style: none;
    padding: 15px;
}
.section-content ul {
    padding-left: 0rem;
    margin: 0 auto;
}
.my-no-mnu {
    font-size: 12px;
    line-height: 24px;
}
.old-one-m{
font-size: 16px;
}
.section-home.section-center .home-title{
    font-size: 42px;
}
.title-desc p {
font-size: 18px;
    letter-spacing: 1px;
    padding-top: 31px;
}
.btns-action {
    position: absolute;
    bottom: 0;
}
.jst-fr-res .section-content .title-desc{
    margin-bottom: 0;
}
.jst-fr-res .btns-action{
    bottom: -28rem;
}
.jst-fr-res .section-wrapper.with-margin{

    padding-bottom: 22% !important;
}
.jst-fr-res  .extra-res-css .btn-line::after {
   left: 158px !important;
}
.jst-fr-res  .extra-res-css .btn-line::before{
   left: 158px !important;
}

.abt-res-nw-cl .section-content .btn-line::after {
   left: 133px !important;
}
.abt-res-nw-cl .section-content .btn-line::before{
   left: 133px !important;
}
.abt-res-nw-cl .btns-action {
    bottom: -55rem;
    position: relative;
}
.abt-res-nw-cl  .btns-action .btn-line {
    padding-left: 6.8rem;
}
.abt-res-nw-cl .anim-3{
display:none;
}
.box14 .icon img{
    margin-bottom: 10px;
}
.aryy-y span.text.txt-tw-et.ll {
    margin-left: -173px !important;
}
.aryy-y .show-contact-message:before, .aryy-y .show-contact-message:after{
    left: 92px !important;
}
.aryy-y a.btn.btn-line.show-contact-information.frMyOwn:before, .aryy-y a.btn.btn-line.show-contact-information.frMyOwn:after{
left: 92px !important;
}
.body-page #myBtn{
   right: 45%;
}
.bnr-btn i.fa.fa-caret-down {
    margin-left: 11rem;
}
.aryy-y .section-content .contra {
    margin-top: -22.5%  !important;
}
header.page-header.navbar.page-header-drawer.menu-right.logo-left.topmenu-right.navbar2 {
    position: fixed;
background-position: right;
    background: rgb(255 255 255 / 52%);
}
button.tablinksTOP{
    margin-top: -26rem;
}
button.tablinks{
    position: relative;
    top: 73%;
}
.section-cover, .section-cover-full{
position:unset;
}
audio, canvas, img, svg, video {
    width: 100%;
    vertical-align: middle;
    margin: 0 auto;
}
.srv-new-rit.col-md-6.col-lg-6.col-sm-12.xx-mah{
padding: 0 34px;
    margin: 0;
    color: #000;
    width: 100%;
}
.srv-new-rit.col-md-6.col-lg-6.col-sm-12.x-mah.xx-mah0{
padding: 0 34px;
    margin: 0;
    color: #000;
    width: 100%;
}
.sec_4{

display:revert !important;
}
.sss{
font-size: 14px;
    display: flex;
    width: 100%;
    float: left;
}
.xxb{
width: 100%;
    display: flex;
    float: left;
    margin-top: -39%;
}
.tablinksTOP {
    display: none !important;
}
.anim .section-wrapper.with-margin.with-margin2.kalam {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.OurRole ul li {
    font-size: 15px;
    list-style: none;
    font-family: 'SairaCondensed';
    font-weight: 500;
}

.projectBTN{
	    padding-top: 0px !important;
    margin-bottom: 20px !important;
}
.projectBTN a {
    font-size: 15px;
    color: #000;
    font-family: 'SairaCondensed';
    font-weight: 600;
}
.btns-action {
    position: static;
    bottom: 0;
    margin: 0px 0px;
}
.btns-action  .btn-line{
	padding:0px;
}
#projects .jk {
    margin-left: 0px !important;
}
.section-wrapper .tab button {
    font-size: 17px;
    list-style: none;
    font-family: 'SairaCondensed';
    font-weight: 600;
}
.OurRole ul {
    margin-bottom: 0px;
}
.frMyOwn .jk {
    margin-left: 0px !important;
}
.exper{
    padding-top: 0px !important;	
}
.client-com img{
	margin:0px;
	width:auto !important;
}
.anim-3.contact-btns-action {
    padding-left: 0 !important;
}
.aryy-y span.text.txt-tw-et.ll {
    margin-left: 0px !important;
}
.btns-action .btn-line {
    display: block;
    position: relative;
}
.aryy-y a.btn.btn-line.show-contact-information.frMyOwn:before, .aryy-y a.btn.btn-line.show-contact-information.frMyOwn:after {
    left: 135px !important;
}
.mid-cont h2 {
    font-family: kronaone !important;
    font-size: 25px;
}
.anim h2 {
    font-family: kronaone !important;
    font-size: 25px;
}
.anim .OurRole h2 {
    font-family: 'SairaCondensed' !important;
    font-weight: 600;
	font-size: 20px;
}
.box14 {
    padding: 30px 20px;
}
.jst-fr-res .section-wrapper.with-margin {
    padding-bottom: 30px !important;
}
.exprt{
	    padding: 0px;
}
.tabcontent .geeks.SN-animate-bottom{
    margin-bottom: 290px;
    height: 247px;
}
.kalam .tab {
    order: 2;
    position: absolute;
    top: 335px;
    z-index: 9;
}
.extra-res-css {
    position: static;
}
.extra-res-css .btns-action {
position: absolute;
    bottom: 20px !important;
    margin: 0px 0px;
}
#section1{
    padding-bottom: 40px;	
}
#section1 h2{
	    font-family: zendots-regular !important;
}
#projects{
	position:relative;
}
#projects::before{
    content: "Our Projects ";
    font-family: 'kronaone';
    position: relative;
    color: #000;
    font-size: 25px;
    width: 100%;
    float: left;
    padding: 30px 15px 0px;
}
.service .title-desc .title-cstm .anim-3 {
    color: #fff !important;
    font-size: 20px !important;
    font-family: 'breeserif';
    padding: 0px;
}
.service .section-home .section-content .title-desc {
    margin-top: 0px !important;
}
.stt header{
    position:static !important;
        background: rgb(255 255 255) !important;
}
.contact video#myVideo {
    height: 100%!important;
}
.contact .page-cover .cover-bg-mask {
    height: 100%!important;
}
.btnnn .col-md-4{
    width:auto !important;
}
.btnnn .col-md-4:nth-child(2){
    disply:none !important;
}
.btnnn .col-md-4:nth-child(3){
margin-top: -3px !important;
}
.btnnn {
    padding-bottom: 20px;
    width: 100%;
    display: block;
    overflow: overlay;
    margin: 0px;
}
.btnnn .next_btn1 p {
    margin: 5px 10px;
        font-size: 16px !important;
}
.btnnn .next_btn1 p {
    font-size: 16px !important;
}
.btnnn .next_btn1 {
    min-width: inherit;
}
.below_con{
    padding:0px 15px;
}
body .section-home .section-content .title-desc {
    margin-top: 0px !important;
}
.mySlides .anim-2 p {
    font-size: 14px !important;
    padding: 0px;
    margin: 10px 0px;
    font-weight: 500;
    letter-spacing: 1px;
}
.section-cover.home-cover{
    height: 44vh;
    min-height: 25vh;
}
.abt .page-cover{
    top:119px;
}
.abt .section-content .title-desc .display-title {
    font-size: 20px !important;
}
.projects .section-cover .img{
    display:none !important;
}
.projects .section.section-center.main-home, .projects .section-cover ,.projects  .section .section-wrapper{
    min-height: initial !important;
    height: auto !important;
}
.projects .ddd{
    padding:0px !important;
}

.projects .section.section-center.main-home, .projects .section.section-centered {
    min-height: initial !important;
    height: auto !important;
    background: #fff;
}
.projects .section-cover img{
    display:block !important;
}
.projects .end_sec1 iframe, .projects .end_sec2 iframe , .projects .end_sec3 iframe {
    height: 209px;
}
.projects .end_sec4 img {
    width: 100%!important;
    height: auto;
}
 .cont.footer-prv img{
   width:auto !important;  
 }
}




@media only screen and (max-width: 175px) {
.page-main .section-home .section-cover .img, .section-cover-full .img{
  display:block !important;
}
.sec_4{

display:revert !important;
}
.sss{
font-size: 14px;
    display: flex;
    width: 100%;
    float: left;
}
.xxb{
width: 100%;
    display: flex;
    float: left;
    margin-top: -39%;
}
.srv-new-rit.col-md-6.col-lg-6.col-sm-12.x-mah.xx-mah0{
padding: 0 34px;
    margin: 0;
    color: #000;
    width: 100%;
}
.srv-new-rit.col-md-6.col-lg-6.col-sm-12.xx-mah{
padding: 0 34px;
    margin: 0;
    color: #000;
    width: 100%;
}
audio, canvas, img, svg, video {
    width: 100%;
    vertical-align: middle;
    margin: 0 auto;
}
.section-cover, .section-cover-full{
position:unset;
}
/*button.tablinks{
    position: relative;
    top: -7rem;
}*/

.ptop div{
    padding-top: 0px;
}
header.page-header.navbar.page-header-drawer.menu-right.logo-left.topmenu-right.navbar2 {
    position: fixed;
background-position: right;
    background: rgb(255 255 255 / 52%);
}
.aryy-y .section-content .contra {
    margin-top: -22.5%  !important;
}
.bnr-btn i.fa.fa-caret-down {
    margin-left: 10rem;
}
.body-page #myBtn{
right: 45%;
}
.aryy-y a.btn.btn-line.show-contact-information.frMyOwn:before, .aryy-y a.btn.btn-line.show-contact-information.frMyOwn:after{
left: 92px !important;
}
.aryy-y .show-contact-message:before, .aryy-y .show-contact-message:after{
    left: 92px !important;
}
.aryy-y span.text.txt-tw-et.ll {
    margin-left: -189px !important;
}
.box14 .icon img{
    margin-bottom: 10px;
}
.abt-res-nw-cl  .btns-action .btn-line {
    padding-left: 6.8rem;
}
.abt-res-nw-cl .section-content .btn-line::after {
   left: 133px !important;
}
.abt-res-nw-cl .extra-res-css .btn-line::before{
   left: 133px !important;
}
.abt-res-nw-cl .btns-action {

    bottom: -55rem;
    position: relative;
}
.abt-res-nw-cl .anim-3{
display:none;
}
.jst-fr-res  .extra-res-css .btn-line::after {
   left: 158px !important;
}
.jst-fr-res  .extra-res-css .btn-line::before{
   left: 158px !important;
}
.jst-fr-res .btns-action .btn-line{
    padding-left: 6.8rem;
}

.jst-fr-res .btns-action{
    bottom: -22rem;
}
.jst-fr-res .section-wrapper.with-margin{

    padding-bottom: 22% !important;
}
.jst-fr-res .section-content .title-desc{
    margin-bottom: 0;
}
.jst-fr-res .title-desc p{
   font-size:15px ;
   padding-top: 0;
}
.btns-action {
    position: absolute;
    bottom: 0;
}
.title-desc p {
font-size: 18px;
    letter-spacing: 1px;
    padding-top: 31px;
}
.section-home.section-center .home-title{
    font-size: 42px;
}
.old-one-m{
font-size: 16px;
}
.my-no-mnu {
    font-size: 12px;
    line-height: 24px;

}
.section-content ul {
    padding-left: 0rem;
    margin: 0 auto;
}
.section-content ul li {
    list-style: none;
    padding: 15px;
}
.port-row img {
    max-width: 100%;
    height: 240px;
    width: 260px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
}
.frMyOwn span.text.txt-tw-et.ll{
    margin-left: -187px !important;
}
.list-items.row{
    margin: 0 auto;
}

.abt-sec .section-wrapper .row .col-md-4{
background: rgb(93 93 93 / 31%);
    padding: 30px 12px;
    margin-bottom: 30px;
}
.box-ht .cont {
    bottom: -35rem;
}
.kalam .tab {
    margin-top: -25rem;
}
.col-12.col-md-3.OurRole {
   /* margin-top: 142px;*/
    /* position: absolute; */
}
.col-12.col-md-6.ptop{
    /*position: absolute;*/
}
#projects .jk {
    margin-left: -126px !important;
}



.box14 .box-content {
    width: 100%;
}
.swiper-container.slider-container.swiper-container-horizontal.swiper-container-autoheight .anim-4 {
    display: none;
}
.display-2 {
    font-size: 34px !important;
}
.page-cover{
  height:100vh;
  width:100%;
}
#myVideo {
 text-align:center;
  margin:0 auto;
  min-width: 100%; 
  min-height: 100%;
width:auto;
height:auto;
top:50%;
left:50%;
transform: translate(-35%, 0%);
}


.tab2 .thrAMl{
    width: 65% !important;
}

.aryy-y{
  padding: 36px 10px 110x;
}
.fr-re{
    position: relative;
    /*margin-top: 50px;*/
}
button.tablinksTOP {
    position: absolute;
    top: 76% !important;
}
.section-wrapper.with-margin.with-margin2 {
    flex-direction: column-reverse;
    display: flex;
}
.section-wrapper .tab button:focus{
 outline:none !important;
}
button:focus{
   outline: none !important;
}
.tab .active{
    border-bottom: 1px solid red !important;
}
.page-header-drawer .navbar-brand{
    margin-top: 0;
    position: unset;
    left: 0;
    top: 0;
    z-index: 9999;
}

.box14 .post{
     border: none;
}
.tabcontent {
   margin-bottom: -0px;
}
button.tablinksTOP {
    font-size: 28px !important;
}
tablinks2 a{
     color: #131313 !important;
}
.OurRole ul li{
  line-height: 24px;
}
.OurRole h2{
 font-size:20px;
 margin: 20px 0;
}
.OurRole ul{
   padding: 0;
   margin-bottom: 20px;
}
.roleSec{
  color:#000;
    position: relative;
    top: 20rem;
}
.section-wrapper .tab button{
    width:100%;
    background: transparent;
    border: none;
    display: flex;
    padding: 10px 0;
}
.col-sm-12.col-md-12.col-lg-3.box-ht {
    height: 190px !important;
}
.btn-line::before, .btn-line::after{
     left: 91% !important;
}
.btns-action .btn-line{
    padding-left: 8rem;
}
p {
    font-size: 15px;
}
.new-bt {
    margin-bottom: 39px;
}
.my-sec-cl{
    font-size: 18px ;
}
.xmo {
    padding: 30px 14px;
}

.roleSec .col-md-6 p {
    font-size: 13px;
    line-height: 24px;
}


.srv-padd2 {
    padding: 3% 25px;
}


/* menu */

.page-header-drawer .navbar-brand .logo img{

    width: 89%;

    margin-top: 1px;

}

.page-header-drawer .navbar-toggler{

    top: 61px;

}

.menu-icon .text{

    display: none;

}

.menu-icon.menu-icon-line .bars{

      width: 42px;

}

.page-header-drawer .navbar-toggler{

      right: 12px;

}

.menu-icon.menu-icon-line .bars .bar3 {

    opacity: 1;

}

.section-home .btns-action{

  margin-top: -44px !important;

}

.menu-icon .bars .bar1, .menu-icon .bars .bar2, .menu-icon .bars .bar3 {

    background: #4c5378;

}

/* who we are */

.section-content .title-desc{

  padding: 0 0px !important;

}

.section{

  padding-top: 39px;

}

.display-5{

  text-align: left !important;

}

.extra-res-css{

  padding: 0 18px !important;

}



/* our projects */

.tablinksTOP{

  margin-bottom: 1em;

}

.tab button{

  padding: 25px 2px;

}

/* exprtis */

.text-anim{

  padding: 0;

}

.tab{

  width: 100%;

}

.tabcontent{
  width: 100%;
  margin-bottom: -0px;

}

.geeks img{
  height: auto;
  width: 100%;
}

.tablinks2 {

  width: 100% !important;

  margin-bottom: 50px;

}

.myRow{

    margin-right: 17px;

    margin-left: 17px;

}

.exprt-cont {

    margin-top: 0;

}

.media-body p {

    font-size: 15px;

    margin-top: 24px;

}

.box14{

  border: 1px solid #ffffffb0;
padding: 17% 0%;
    margin: 15px 0 15px;

}

.box14 h2 {

    font-size: 18px !important;

}

.box14 .box-content {

     height: unset;

}

.box14 .post{

    height: unset;

}

.box14 .post {

    font-size: 16px;

    line-height: 19px;

}

.box14 .icon, .box15 .icon {

    font-size: 48px;

}

.res-fr-expr .font-cl {
    font-size: 15px !important;
    margin-top: 0px;
    border: 1px solid #fff;
    width: 50%;
    margin: 0 auto;
    padding: 7px 0;

}

.res-test-tab {

    padding-left: 19px;

}





/* contact  */

.section .section-wrapper{
    padding: 30px 17px 0 !important;
}
.btn-line::before, .btn-line::after{
    width: 1.5rem !important;
}
.tab-respo {
    padding: 0 10px;
}
.tab2{
    display: block;
    width: 100%;
    float: none;
}
.tablinks222{
    width: 100% !important;
}
.tab2 button{
    margin-bottom: 20px !important;
}
.writt{
  width:100%;
}
.message-form .btn-outline-white {
    margin-top: 3rem;
}
.footer-prv{
    bottom: -42.5rem;
    position: absolute;
}
.icons-margin {
    margin-top: -42%;
    margin-bottom: 0;
}



/* service */ 
.res-srv{
flex-direction: column-reverse;
}
.hed-pad-srv{
 margin-top:20px;
}
.section-content .box-ht23 {
    height: 675px;
}

}
@media screen and (max-width:768px){.section-cover, .section-cover-full {    min-height: 50vh;}.section.section-center.main-home, .section.section-centered {    min-height: 50vh !important;    height: 50vh !important;}video#myVideo {min-height: 50vh !important;    height: 50vh !important;    transform: inherit;margin-left:-45%;}.page-cover .cover-bg-mask {    height: 50vh !important;}.section-cover, .section-cover-full {    height: 50vh;    min-height: 50vh;}.section.section-center.main-home .anim .col-md-8 {    width: 100% !important;    flex: 0 0 100%;    max-width: 100%;}.section-home .section-content .title-desc {    margin-top: 300px !important;}.tab {    width: 35%;}.tablinksTOP {    font-size: 1.4rem !important;	    margin-bottom: 0em;}.section-wrapper .tab button {    font-size: 20px;	padding: 8px 0px 8px;}.section-wrapper .tab button p {    font-size: 13px !important;	    margin-bottom: 0rem;}.section-wrapper.with-margin.with-margin2.kalam {    padding-top: 45px !important;    padding-bottom:45px !important;    padding-left: 40px;    padding-right: 40px;}.anim-3 {    padding-bottom: 0px;    padding-top: 0px;    margin-top: 30px;}.jk {    margin-left: 0px !important;    letter-spacing: 0.4px;}.btns-action .btn-line::before, .btn-line::after {    width: 4rem;    left: 145px !important;}.tabcontent {    float: right;    width: 62%;}.SN-animate-bottom {    height: 235px;    overflow: hidden;}.roleSec {    margin-top: 20px;}.roleSec .col-md-6{	-ms-flex: 0 0 65%;    flex: 0 0 65%;    max-width: 65%;}.roleSec .col-md-3 {    max-width: inherit !important;    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;}.OurRole.col-md-3{    -ms-flex: 0 0 35%;    flex: 0 0 35%;    max-width: 35%;}.projectBTN {    margin-top: 0px;    padding-top: 20px !important;    text-align: center;}.projectBTN a {    font-size: 12px;}.OurRole ul li {    font-size: 14px;}.exprt-cont {    margin-top: 0%;    font-size: 1.4rem !important;}.exper {    padding-top: 15px !important;}.media-body p {    line-height: 18px !important;    font-size: 14px!important;	letter-spacing:.5px !important;}.icon img{	    height: 50px!important;    width: auto!important;}.box14 {    padding: 24% 9%;    max-height: 152px;}.display-5 {    font-size: 1.5rem;}.res-test-tab {    padding-left: 0px;}.show-contact-message.btn-line::before {    width: 4rem ;    left: 125px !important;}.btn-line.active.show-contact-message::before, .btn-line.show-contact-message:active::before, .btn-line.show-contact-message:focus::before, .btn-line.show-contact-message:hover::before {    -webkit-transform: rotate(-45deg);    transform: rotate(-45deg);    -webkit-transform-origin: 100%;    transform-origin: 100%;    width: 1rem;}.anim-3.contact-btns-action {    padding-left: 25px!important;}.col-sm-12.col-md-12.col-lg-3.box-ht {    height: auto!important;}.tab2 {    margin-bottom: 70px!important;    margin-left: 20px!important;}.form-control {    padding: .375rem 0;    font-size: 14px!important;}#mes-text {    margin-top: 0px;    border: none;    border-bottom: 1px solid #fff !important;}#myBtn {    bottom: 30px !important;    height: 30px !important;    background-size: contain !important;    background-repeat: no-repeat !important;}.message-form .btn-outline-white {    margin-top: 1rem;    margin-bottom: 16rem;    margin-left: 40px;}.icons-margin {    margin-top: 0%;    position: relative;    z-index: 99999;}.box-ht23 {    height: 700px !important;}.swiper-wrapper{	height:auto !important;} body.menu-visible{overflow:hidden;}.page-header-drawer .navbar-mainmenu .mainmenu-content li a, .page-header-drawer .navbar-mainmenu .mainmenu-content .nav-item a {
    font-size: 16px !important;
}.page-header-drawer .navbar-mainmenu .mainmenu-content .navbar-footer .footer-notes {
    padding-right: 0 !important;
}.btn-icon {
    font-size: 22px !important;
}
    body.menu-visible header {
    position: fixed !important;
}
.aryy-y .show-contact-message:before, .aryy-y .show-contact-message:after {
    left: 125px !important;
}
.message-form .btn-outline-white {
    margin-left: 0;
}
}
@media only screen and (max-width:1440px){
.geeks {
    margin-left: -20%;
}
  .tabcontent {
    overflow: hidden;
}
.geeks img {
    width: auto;
}
}
@media only screen and (max-width:1366px){
  .geeks {
    margin-left: -31%;
}  
.tab {
    float: left;
    width: 30%;
}
.tabcontent {
    width: 70%;
}
}
@media only screen and (max-width:1280px){
 .geeks {
    margin-left: -15%;
}   
.geeks img {
    height: 457px;
}
.tab button {
    padding: 10px 0px;
}
}
@media only screen and (max-width:414px){
   .geeks img {
    width: 100%;
    height: auto !important;
} 
.srtv .col-md-4.scrollers.scrollers0 a{
    display:none;
}
.page-header-drawer .navbar-mainmenu .mainmenu-content .navbar-footer .icons {
    margin-bottom: 20px;
}
.footer-prv{
    z-index:99999;
}
.address-container .col-md-6{
    margin-bottom:20px;
}
.section-content ul li {
    font-family: viga-regular;
}
.hed-pad-srv {
    font-family: jockeyone;
}
.srv-hfour {
    font-family: 'viga-regular';
}
.hed-pad-srv00 li {
    font-family: 'breeserif';
}
.cont.footer-prv img{
    width:auto !important;
}
.footer-prv img{
    width:auto !important;
}
.footer-prv br{
    display:none !important;
}
.footer-prv a {
    width: 100% !important;
    float: left !important;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}
.footer-prv {
    bottom: -43rem !important;
}
.cont.footer-prv {
    bottom: -35rem !important;
}
.footer-prv a.dmca-badge{
    width: auto !important;
    float: none !important;
}
}

@media only screen and (max-width:375px){
.footer-prv {
    bottom: -43.7rem !important;
}
}