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

.menu-toggle {display: none;}
.main-navigation ul {display: flex; justify-content: center;}
.hamburger-icon {display: none;}

}
@media screen and (min-width: 1023px) {
.menu > ul > li > a { pointer-events: none; }
.menu > ul > li .fa-angle-down { display: none;  }
}

@media screen and (max-width: 1367px) {
.menu-slider { width: 100%; max-width: 750px; }
} 

@media screen and (max-width: 1199px) {
	.banner h1 {max-width: 100%;}
	.service-box h3 {font-size: 18px;line-height: 26px;padding: 0 5px 10px;min-height: 95px;}
	.service-box p {font-size: 14px;line-height: 1.8;padding-right: 0; padding-left: 0;}
	.req-box-block li{padding: 10px 5px;}
	/*.section.our-expertise {padding: 60px 0 0px;}*/
	.blog-box h3, .blog-box h3 a{min-height: 120px;}
/*.section.our-expertise {
	padding: 10px 0 0px;
}*/
.El__wrapper{padding: 10px 0 0;}
/*case study*/
	.El__slide{width: auto; padding: 0;}
	.casestudy-des {max-width: 50%;padding-right: 40px;min-width: inherit;}
	.case-study-img {padding-left: 30px;width: 60%;}
	.case-study-img, .case-study-img img {min-width: inherit;height: auto;max-width: 100%;object-fit: cover;}
	.casestudy-des p {padding: 20px;min-height: inherit;}
/*end*/
.left-cnt { display: none; }
.menu-slider { max-width: 550px; }
.techsecdesc { 	max-width: 98%; }
}

@media screen and (max-width: 1023px) {
	.site-header{padding: 10px 15px 0}
	.menu-wrapper{font-size: 14px;}
	.rgt-menu li h3{font-size: 16px;}
	.menu li {padding: 0 10px;}
	.rgt-menu .icon {min-width: 28px;}
	.left-cnt{display: none;}
	.social-block{left: 15px;}
	.banner-scroll-down{right: 15px;}
	.blog-box h3, .blog-box h3 a {font-size: 16px;line-height: 1.5;min-height: 95px;}
	.blog-box a {color: #ED1C24;font-size: 14px;}
	.our-process .row{flex-wrap: wrap;}

	/*case study*/
	.casestudy-des h3 {font-size: 16px;line-height: 22px;}
	.casestudy-des p {padding: 12px;font-size: 14px;line-height: 22px;}
	/*end*/

	/*footer*/
	.footer-menu li a{font-size: 14px;}
	.footer-description{font-size: 14px; line-height: 18px;}

	/* New Menu */
	.menu-slider { display: none; }
	.hamburger-icon {width: 28px;height: 28px;display: block;position: absolute;right: 20px;cursor: pointer;}
.hamburger-icon em{position: absolute; left: 0; height: 2px; width: 100%; top:2px; background: #222;}
.hamburger-icon em + em{top: 12px;}
.hamburger-icon em:last-child{top: 22px;}
.menu {
	height: calc(100% - 54px);
	overflow-y: auto;
}
.open-menu .hamburger-icon em {
	transform: rotate(45deg);
	top: 14px;
}
.open-menu .hamburger-icon em + em {
	display: none;
}
.open-menu .hamburger-icon em:last-child {
	display: block;
	transform: rotate(-45deg);
}
.menu > ul {
	flex-wrap: wrap;
	flex-direction: column;
	background: #fff;
	padding-top: 10px
}
.menu > ul > li > a {
	padding: 10px 0;
	display: block;
}
.menu > ul > li > i {
	font-size: 22px;
}
.menu > ul > li {
	font-size: 16px; padding: 0 15px;
}
.menu-list {
	flex: 1;
}
.rgt-header {
	padding-right: 50px;
}
.logo{max-width: 120px;}
.site-main {padding-top: 60px;}
.site-header {padding: 10px 15px 10px;}
.menu-wrapper {
	font-size: 14px;
	padding: 0;
	position: fixed;
	left: 0;
	top:54px;
	display: none;
	background: #fff;
	border-top: #eee solid 1px;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.social-block{ display: none;}
	.banner-scroll-down{ display: none;}
.open-menu .menu-wrapper {display: block;}
/*.menu-wrapper .submenu{display: inherit;}
*/.menu > ul > li i {
	position: absolute;
	right: 20px;
	z-index: 9;
	padding: 10px;
}
/*.menu li:hover .submenu{display: none;}*/
.menu li .submenu{transform: none; transition: none; display: none;}
.menu li {
	padding: 10px 10px 0;
}
.menu li.show-sub-menu .submenu {
	visibility: visible;
	opacity: 1;
	position: static;
	transform: none;
	display: block;
}
.menu .technology-menu .rgt-menu ul li ul li {
	padding: 0;
	font-size: 14px;
	width: 50%;
}
.menu .technology-menu .rgt-menu ul li {
	width: 100%;
	display: flex;
	padding: 10px 0 10px 10px;
}
.menu .rgt-menu li {
	padding-left: 10px;
}
.rgt-menu li h3 {
	font-size: 14px;
	letter-spacing: 0;
}

.rgt-menu li p {
	padding: 0 0 15px;
	line-height: 20px;
}
.rgt-menu img {
	min-width: 20px;
	max-width: 20px;
}
.solutions-menu .rgt-menu li, .resources-menu .rgt-menu li, .company-menu .rgt-menu li {
	width: 100%;
	padding: 0 10px 0;
}
.businesssec .row > div,
.homeapproach .row > div { margin-bottom: 30px; }

}

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

h1 {font-size: 26px;line-height: 36px;letter-spacing: 0;}
h2 {font-size: 24px;line-height: 1.2;letter-spacing: 0;}
h2 span{letter-spacing: 0; padding: 0 0 10px;}
.section {padding: 30px 0;}
.btn{font-size: 14px;}
.logo{max-width: 120px;}
.contact-btn {margin-left: 15px;}
.btn-red, .btn-red:hover{padding: 7px 14px; }
.banner p {font-size: 14px;letter-spacing: 0;max-width: 70%;line-height: 24px;}
.img-cnt-section {padding: 20px 0;}
.img-cnt-section p {font-size: 14px;line-height: 24px;letter-spacing: 0;}
.service-sec-img1, .service-sec-img2 {max-width: 60px;}
.service-box{margin-bottom: 0; }
.logo-slider img {max-width: 200px;margin: 0 auto;}
.req-box-block {display: flex;flex-wrap: wrap;}
.req-box-block ul {max-width: 100%;padding: 0;}
.req-box-block li{margin-bottom: 15px;}
.req-box-block ul:last-child {margin-top: 0;}
.req-box-block h3{font-size: 32px; line-height: 36px;}
.our-expertise .box .image {min-width: 32px;}
.expertise-des h3 {font-size: 20px;}
.expertise-des p {padding: 0;font-size: 14px;line-height: 22px;}
.our-process {padding-top: 60px;}
.our-process h2{font-size: 24px;}
.our-process p {padding-right: 0;}
.testimonial-section{margin-top: 10px; padding: 25px;}
.testimonial-block{padding-bottom: 45px;}
.owl-carousel .owl-item .testimonial-bottom .author img {width: auto;max-width: 32px;max-height: 32px;}
.company-logo img {max-width: 60px;}
.author h3{font-size: 14px;}
.author p {padding: 0;font-size: 12px;line-height: 17px;}
.blog-box{margin-bottom: 30px;}

/*tab*/
.technology-block .panel-body ul {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.technology-block .panel-body li {
	width: 33%;
	padding: 15px 15px 0px;
	list-style: none;
}
.technology-block .panel-body li span {padding: 15px 0 10px;font-size: 14px;}
.panel-title {padding: 0;}
.panel-title a {color: #222;display: block;font-size: 16px;padding: 5px 0;}
.panel-title a i {float: right;padding-right: 0;font-size: 20px;transform: rotate(180deg);padding-left: 15px;}
.panel-title a.collapsed i {transform: rotate(0deg);padding-right: 15px;}
 
/*case study*/

.case-study-box {
	padding: 30px 30px 0 30px;
	color: #fff;
	flex-wrap: wrap;
}
.casestudy-des {
	max-width: 100%;
	padding-right: 0;
	min-width: inherit;
}
.case-study-img {
	padding: 30px 0 0;
	width: 100%;
}

/*footer*/
footer {overflow: hidden;padding: 20px 0;}
.footer-menu{flex-wrap: wrap; padding: 20px 0;}
.footer-description{flex-wrap: wrap;}
.footer-description img {padding: 0 0 15px; max-width: 120px;}
.footer-social-block {padding: 30px 0 20px;flex-wrap: wrap;}
.footer-social-block .contact-btn {margin: 15px 0 0;}
.copyright{flex-wrap: wrap; font-size: 12px;}
/*end*/

.service-action .desc { max-width: 100%; flex: 0 0 100%; margin-bottom: 30px; }
.service-action .action { margin-left: auto; }

}