@media all and (max-width:1400px) and (min-width:1200px) {
	.main-banner .video2{
		right: -5%;
	}
	.home-banner h1.display-1{
		font-size: 1.6rem;
	}
	.el-logo img{
		width: 78%!important;
	}
	.headBg .img-overlay img{
		width: 65%;
	}
	.pricing-wrapper.our-storyWrapper [class*="col-"] .pricing.card .card-body{
		margin:0
	}
	.pr-4{padding-right: 32px}
	.pr-8{padding-right: 50px}
	.no-lg-display{display: none;}
	.location{
		min-height: 224px;
	}
	.h-style-1{
  	font-size: 2.5rem;

  }
	#gartner h1{
		font-size: 1.9rem;
    font-family: 'Poppins-Light';
    letter-spacing: 1.1px;
	}
}
@media all and (max-width:1365px) and (min-width:1200px) {
	.our-storyWrapper .card2 a.btn img{
		top:30px
	}
	.pr-4{padding-right: 32px}
	.pr-8{padding-right: 50px}
	.no-lg-display{display: none;}
	.location{
		min-height: 224px;
	}
	.h-style-1{
  	font-size: 2.5rem;
  }
	#gartner h1{
		font-size: 1.9rem;
    font-family: 'Poppins-Light';
    letter-spacing: 1.1px;
	}
}
@media(min-width:1200px) {
	.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
	.pricing-wrapper .ourStory-Boxes [class*="col-"] .pricing.card .card-body{
		padding: 25px;
		margin-left:0;
		margin-right: 0;
	}
	.pricing-wrapper .ourStory-Boxes [class*="col-"] .pricing.card .card-body a.btn{
		width: 95%;
	}
	.ourStory-Boxes .card{
		min-height: 30rem;
	}
	.ourStory-Boxes .firstCard ul.icon-list.bullet-bg{
		min-height: 6rem;
	}
	
	.self {
    min-height: 21rem;
    }
  .pr-4{padding-right: 32px}
	.pr-8{padding-right: 50px}
	.no-lg-display{display: none !important;}
	.location{
		min-height: 224px;
	}
	.h-style-1{
  	font-size: 2.5rem;
  }
	#gartner h1{
		font-size: 1.5rem;
    font-family: 'Poppins-Light';
    letter-spacing: 1.1px;
	}
}


@media(max-width:1199px) {
	.header .logo img{
		width: 80%;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
		position: absolute;
		right: 15px;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: #333333;
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: #333333;
	}
	.header .menu > ul{
		top: 0;
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
    .header .menu{
		position: fixed;
		width: 100%;
		background-color:#ffffff;
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	
	.header .menu > ul > li .sub-menu.mega-menu, .header .menu > ul > li .sub-menu {
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin: 0;
		padding: 15px;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding-top: 0px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.active {
		display: block;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
        text-align: left;
		
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		border-right: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 50px;
		width: 50px;
		border-left: 1px solid rgba(0,0,0,0.1);
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding-left: 0;
	}
    .menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}
    @keyframes slideLeft{
        0%{
            opacity:0;
            transform: translateX(100%);
        }
        100%{
            opacity:1;
            transform: translateX(0%);	
        }
    }
    @keyframes slideRight{
        0%{
            opacity:1;
            transform: translateX(0%);
        }
        100%{
            opacity:0;
            transform: translateX(100%);	
        }
    }
	.header .menu > ul > li a.btn{
		line-height: normal;
		height: auto;
		padding: 10px;
		padding-left: 15px;
		text-align: center;
		margin-top: 10px;
	}
	.headBg{
		height: 22vh;
	}
	.headBg h1{
		font-size: 1.3rem;
	}
	.ad-head{
		font-size: 2rem !important;
	}
	
	.slideCornerImg {
     top:2%
	}
	.slideCornerImg img{
     width:70px!important;
	}
	
	.agility_box .content p{
		display:none;
	}
	.no-sm-display{
		display: none;
	}
	.sm-ml-0{
		margin-left: 0;
	}
	.sm-px-4{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.client-logo{
		padding: 8px;
		height: 70px;
	}
	.location{
		min-height: 224px;
	}
}
@media all and (max-width:1024px) and (min-width:992px) {
	
}
@media all and (max-width:991px) and (min-width:768px) {
	
	.ss-content .sl2img{
		display: none!important;
	}
}
@media(max-width:767px) {
	.btn-right {
    text-align: center;
	}
	.breadcrumb{
		display: none;
	}
	.sm-px-4{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.sm-h-100{
		height: 100% !important;
	}
	.sm-none{
		display: none !important;
	}
	#accordion .table-wrapper {
    max-width: 100%;
    overflow-x: auto;
  }

  #accordion .rwd-table {
    min-width: 650px;
    width: 100%;
    border-collapse: collapse;
  }
	.sm-mx-4{
		margin-left: 30px;
		margin-right: 30px;
	}
	.sm-text-center{
		text-align: center;
	}
	.top-sticky{font-size: 0.6rem !important}
	.sm-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
	#service{
		display: none;
	}
	#gartner h1{
		font-size: 1.1rem;
	}
	#gartner h5{
		font-size: 0.8rem;
	}
	.sm-w-100{
        width: 100% !important;
    }
	.sm-ml-0{
		margin-left: 0;
	}
	.ecnew.talk {
    padding: 100px 32px 52px;
}
.ecnew .flex {
    flex-wrap: wrap;
}
.ecnew.talk h2{
	font-size: 28px;
	text-align: center;
	margin-top: 0;
}
.ecnew.talk h2{
	text-align: center;
}
.ecnew .cta.pm{
	margin: auto;
}
	.pricing-table.blue .price-value .value{
		margin-top: 22px !important;
	}
	.pricing-table.blue .price-value .value{
		margin-top: 22px !important;
	}
	#smb-cta{
    padding: 100px 0;
}
.ecnew.talk {
    padding: 100px 32px 52px;
}
.ecnew .flex {
    flex-wrap: wrap;
}
.ecnew.talk h2{
	font-size: 28px;
	text-align: center;
	margin-top: 0;
}
.ecnew.talk h2{
	text-align: center;
}

	.sm-min-h-100{
		min-height: 100px;
	}
	.com-topMargin{
		margin-top: 50px;
	}
	.lineBorder4{
		padding: 0.4rem 1.5rem;
	}
	.lineBorder5{
		padding: 0.4rem 1.5rem;
	}
	.sm-mb-4{
		margin-bottom: 1rem !important;
	}
	.sm-mb-8{
		margin-bottom: 2rem !important;
	}
	.sm-no-h{
		height: auto;
	}
	.sm-text-center{
		text-align: center;
	}
	.top-sticky{font-size: 0.6rem !important}
	.sm-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
	.sm-h-100 {
    height: 100% !important;
}
	.sm-fs-26{font-size: 26px !important;}
	.no-sm-display{display: none;}
	.no-min-h{
		min-height: inherit !important;
	}
	.icon-list2.bullet-bg li{
		font-size: 14px;
	}

	.pri-bann {
    width: 256px;
	}

	
	.paynow{
		width: auto;
	}
	.headBg .img-overlay,
	.right-part{
		display: none!important;
	}

	.headBg {
		height: 35vh !important;
	}
	.headBg h2{
		font-size: 1rem;
	}
	a.btn{
		padding: 0.4rem 1rem!important;
		font-size: 14px;
	}
	a.btn img{
		display: none!important;
	}
	.lineBorder,
	.bgB{
		width: 66%;
	}
	.ss-content .sl2img{
		display: none!important;
	}
	.ss-content h2{
		font-size: 1.4rem;
	}
	.owl-carousel.dots-over .owl-dots {
		bottom: 0.3rem;
	}
	
	.main-banner{
		padding-top: 0rem;
		flex-direction: column-reverse;
	}
	.hero-slider .bannerBtns{
		flex-wrap: wrap;
	}
	.hero-slider .bannerBtns .lineBorder,
	.hero-slider .bannerBtns .bgB{
		width: 70%;
		margin:auto;
		margin-left:0px
	}
	.hero-slider .bannerBtns .lineBorder{
		margin-bottom: 15px!important;
	}
	.hero-slider .com-vdo img {
		width: 100px;
	}
	.home-banner h1.display-1{
		font-size: 1.2rem;
		margin-top: 10px;
	}
	.heading{
		font-size: 1.7rem;
	}
	.banner-para{
		font-size: 16px !important;
	}
	.el-logo img{
		width: 300px!important;
	}
	.main-banner .video1 {
		top: -120%;
		left: 37%;
		width: 150px!important;
	}
	.main-banner .video2 {
		right: 10%;
		top: -30%;
		width: 150px!important;
	}
	.main-banner .video3 {
		bottom: 18%;
		left: 14%;
		width: 150px!important;
	}
	.right-part .com-vdo .vd-caption a{
		font-size: 14px;
	}
	.right-part .video1.com-vdo .vd-caption{
		top:0
	}
	.right-part .video1.com-vdo .vd-caption:after{
		top:14px
	}
	.videoBanner{
		min-height: auto;
	}	
	.commonH2 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.elevate_box{
		margin: 0.5rem 0rem
	}
	.agility .col-md-3{
		width: 50%;
		padding: 15px;
	}
	.agility_box .content{
		padding:10px;
		transform: translateY(0);
	}
	.agility_box .content h6{
		font-size: 0.8rem;
	}
	.sla_experiecne .exp_img{
		padding-bottom: 1rem;
	}
	.counter-wrapper{
		flex-wrap: wrap;
		justify-content: center!important;
	}
	.countDiv{
		width: 48%;
    	margin-bottom: 15px;
		margin-left: 3px;
    	margin-right: 3px;
	}
	.countDiv p{
		font-size: .8rem;
	}
	.client-carousel ul{
		padding-left: 0px;
	}
	.client-carousel ul li img{
		width: 90%!important;
	}
	.agility .orangeB{
		margin-top: 10px;
	}
	.facts{
		padding:3rem 0px
	}
	.transformation_box{
		text-align: center;
	}
	.transformation_box a.btn{
		margin: auto;
	}
	.leadersArea{
		padding-top: 2rem;
		padding-bottom: 3rem;
	}
	.bottomForm{
		padding-top: 5rem;
	}
	.managerTabs .row{
		flex-wrap: wrap;
	}
	.managerTabs .row .left{
		margin-bottom: 20px;
	}
	.managerTabs .row .left.w-50,
	.managerTabs .row .right.w-50{
		width: 100%!important;
	}
	.managerTabs .left img{
		height: 15vh;
	}
	.managerTabs.pgarg .left img{
		height: 44vh;
	}
	.leadersArea .nav.nav-tabs{
		padding-left: 0;
		justify-content: center!important;
		margin-top: 15px;
		margin-bottom: 0;
		padding-bottom: 0!important;
		flex-wrap: inherit;
	}
	.leadersArea .nav.nav-tabs li{
		width: 49%;
		margin: 10px 5px;
		text-align: center;
	}
	.leadersArea .nav.nav-tabs li:first-child{
		margin-left: 0;
	}
	.mainTabs li a{
		display: block;
		width: 100%;
		font-size: .6rem;
		margin:0
	}
	.leadTabs .leadThumb img{
		width: 75px;
		border-top-right-radius: 15px;
	}
	.hyBoxes .w-20{
		width: 9rem!important;
	}
	.ITwhyChooseBoxes .col-md-6{
		width: 50%;
	}
	.ITwhyChooseBoxes .col-md-6 h4{
		font-size: .8rem;
	}
	.nmBoxes .col-md-6{
		width: 49%;
	}
	.ourStoryBtn{
		width: 100%;
	}
	.sub-footer em{
		font-size: 11px;
	}
	.sub-footer ul{
		margin-top: 10px;
	}
	.sub-footer ul li a{
		font-size: 11px;
		text-align: center;
	}
	
	.storyFacts .countDiv{
		width: 47%;
	}
	.storyFacts.securityBoxex .countDiv{
		width: 100%;
	}
}
@media (max-width: 767.98px) {
      .thumbnail li a img {
        width: 50px; }
        .thumbnail li a{
          font-size: 12px;
          margin: 0;
        }
        .thumbnail li{
          padding: 0 3px;
        }
        .thumbnail{
          bottom: 23;
        }
        .header2{
          height: 540px !important;
        }
        .work{
          height: 540px;
        }
        .work .img{
          height: 540px !important;
        }
        }
@media(max-width:360px) {
	.main-banner .video2{
		right: -2%;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	
	
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

}


@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
	
}
@media(max-width:414px) {
	
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
	
	
}
@media(max-width:320px) {
	
}


@media only screen and (max-device-width:667px) and (orientation:landscape) {
   
}

@media only screen and (max-device-width:812px) and (orientation:landscape) {
    
}



@media only screen and (max-device-width:667px) and (orientation:landscape) {
    
}

@media only screen and (max-device-width:812px) and (orientation:landscape) {
    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  .no-sm-display{display: none;}
  .sm-none{display: none;}
  #accordion .table-wrapper {
    max-width: 100%;
    overflow-x: auto;
  }

  #accordion .rwd-table {
    min-width: 650px;
    width: 100%;
    border-collapse: collapse;
  }
  .sm-text-center{
		text-align: center;
	}
	.sm-mx-4{
		margin-left: 30px;
		margin-right: 30px;
	}
  .top-sticky{font-size: 0.6rem !important}
  .sm-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
  #service{
		display: none;
	}
  .sm-px-4{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	#gartner h1{
		font-size: 1.1rem;
	}
	#gartner h5{
		font-size: 0.8rem;
	}
  .sm-w-100{
        width: 100% !important;
    }
  .pricing-table.blue .price-value .value{
		margin-top: 22px !important;
	}
	.ecnew.talk {
    padding: 100px 32px 52px;
}
.ecnew .flex {
    flex-wrap: wrap;
}
.ecnew.talk h2{
	font-size: 28px;
	text-align: center;
	margin-top: 0;
}
.ecnew.talk h2{
	text-align: center;
}
.ecnew .cta.pm{
	margin: auto;
}
  #smb-cta{
    padding: 100px 0;
}
}
/*  .header{padding: 13px 0;}*/
  .com-topMargin{margin-top: 50px;}
  .headBg {height: 60vh;}
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) {
  .no-lg-display{display: none;}
  .header{padding: 13px 0;}
  .com-topMargin{margin-top: 50px;}
  .headBg {height: 60vh;}
  .h-style-1{
  	font-size: 2.5rem;
  }
  #gartner h1{
		font-size: 1.9rem;
    font-family: 'Poppins-Light';
    letter-spacing: 1.1px;
	}
}