@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}	
	.header-top h1
	{
    	left: 10px;
		z-index:9999999999;		
	}
}
@media only screen and (max-width:1024px)
{
	.it-key-features ul
	{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media only screen and (max-width:960px)
{
	.header-top
	{
		padding: 0px 50px 0 20px;
    	gap: 10px;
	}
	.nav ul li
	{
		margin: 0 12px;
	}
	.container
	{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.row
	{
		padding: 0px 20px;
	}
	.footer article, .footer-bottom
	{
		padding: 25px 20px;
	}
	.footer h1
	{
		text-align:center;
	}
	.footer article aside
	{
		width:auto;
		float:none;
		margin:15px 0;
		text-align:center;
	}
	.footer p
	{
		text-align:center;
		width:auto;
		float:none;
	}
	.social-icon-footer a
	{
		display: inline-block;
		margin-bottom: 0px;
		float: none;
		margin: 0 1px;
	}
	.page-title
	{
		height: 300px;
		padding: 0 20px;
	}
	.page-title:after
	{
		background: url(../images/Shape.svg) left center no-repeat;
		background-size: cover;
	}
	.erp-services-support ul
	{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.careers-culture ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.it-key-features ul
	{
		grid-template-columns: 1fr 1fr 1fr;
	}
	.it-tools-expertised ul li
	{
		width: 20%;
	}
}
@media only screen and (max-width:768px)
{
	.nav, .nav__contact
	{
		display: none;
	}
	.nav__content
	{
		width: 100%;
		padding: 15px 30px 15px 15px;
	}
	.nav__content .menu-item a
	{
		font-size: 20px;
	}
	.nav__list_small .menu-item a
	{
		font-size: 17px;
	}
	.getintouch a.linkbutton
	{
		background-color: #0c2e8a;
	}
	.alignmiddle, .case-studies article, .it-services-image-content article, .case-studies-blogs article, .career-details .formfield form
	{
		display: block;
	}
	.banner
	{
		padding: 100px 20px 50px 20px;
		background: none;
		height: auto;
	}
	.banner aside
	{
		width: auto;
	}
	.banner aside h1
	{
		font-size: 45px;
	}
	.intro:before, .intro:after, .services:before, .services:after, .vision-mission:before, .careers-culture:before, .vision-mission:after, .careers-culture:after
	{
		width: 50px;
		height: 50px;
	}
	.intro figure, .intro aside, .why-devoir-content, .why-devoir-list, .count, .counts figure, .testimonials figure, .testimonials aside, .aboutus figure, .aboutus aside, .vision-mission article, .case-studies article figure, .case-studies article aside, .erp-services figure, .erp-services aside, .careers-intro figure, .careers-intro aside, .careers-learning article, .careers-benefits figure, .careers-benefits aside, .address-details, .contact .formfield, .career-details fieldset, .career-details aside, .job-desc, .job-information, .it-services figure, .it-services aside, .it-services-image-content article figure, .it-services-image-content article aside, .dt-services-offered-list, .dt-services-offered-content, .case-studies-blogs article figure, .case-studies-blogs article aside, .career-details .selectdiv, .job-form, .news-image, .news-content, .other-events
	{
		width: auto;
		float: none;
	}
	.intro aside
	{
		padding-top: 50px;
	}
	.why-devoir-content, .careers-benefits figure
	{
		position: static;
	}
	.why-devoir-list ul li
	{
		padding: 30px 15px;
	}
	.why-devoir-list ul li h3
	{
		font-size: 18px;
	}
	.count ul li article aside h1
	{
		font-size: 30px;
	}
	.our-partners ul li figure img
	{
		max-height: 35px;
		width: 70%;
	}
	.our-partners:before
	{
		top: -150px;
		width: 400px;
		height: 400px;
	}
	.case-studies article figure i
	{
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 75px;
		height: 75px;
	}
	.page-title h2, .page-title-image-only article h2, .page-title-only h2
	{
		font-size: 32px;
	}
	.page-title-image-only
	{
		padding: 150px 20px 75px 20px;
		height: auto;
	}
	.page-title-image-only article
	{
		width: auto;
		padding: 0 10px;
	}
	.team ul li
	{
		width: 50%;
	}
	.erp-services-support ul, .erp-counts ul, .testimonials-page ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.careers-culture ul
	{
		grid-template-columns: 1fr;
	}
	.career-details aside
	{
		margin-top: 15px;
	}
	.case-studies article figure img {
    border-radius: 50%;
    margin-bottom: 15px;
    margin-top:15px;
}
.vision-mission:after{
	height:50px;
}
.vision-mission:before{
	height: 50px;
}
.mobile_testimonial{
	width: 100%!important;
}
.mobile_testimonial_color{
	color:#000!important;
}
.services-slider ul li {
    float: left;
    width: 100%;
}
.section-services ul li {
    float: left;
    list-style: none;
    width: 100%;
    display: flex;
}
.section-services ul li figcaption img {
    position: relative;
    z-index: 9;
    margin-bottom: 25px;
    left: 200px;
    width: 15%;
}
.our-partners ul li {
    width: 17%;
    background-color: rgba(255, 255, 255, 0.3);
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    border-radius: 50%;
    backdrop-filter: blur(6px);
    position: relative;
}
.testimonials figure:before {
    display: none;
}
	.it-key-features ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.it-modules ul, .it-awards ul, .it-key-features3 ul, .dt-services-offered-list ul, .case-studies-home ul, .news-events-list ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.it-tools-expertised ul li
	{
		width: 25%;
	}
	.tabs > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
}
.tabs {
    display: block;
}
.tabs section {
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    display: none;
    word-wrap: break-word;
    border-bottom: 6px solid #0c2e8a;
}
.tab_image {
    width: 100%;
}
.tab_image2 {
	width: 100%;
	margin-top:0px;
}
.tabs-container {
    padding: 1rem;
}
.tabs > ul li {
    display: block;
    width: 35%;
}
.tabs > ul li a, .tabs > ul li a:visited {
	font-size: 10px;
    line-height: 20px;
    padding:5px;
}
	.case-studies-blogs article aside
	{
		padding: 15px 30px;
	}
	.career-details article ul
	{
		grid-template-columns: 1fr 1fr;
	}
	.news-image
	{
		position: static;
	}
	.news-content
	{
		padding: 0;
	}
	.photo-gallery ul li
	{
		width: 33.333333%;
	}
	.OpenEdge{ display: block;}
	.OpenEdge div{width: 100%; margin: 0px;}
}
@media only screen and (max-width:520px)
{
	.intro:before, .intro:after, .services:before, .services:after, .section-contact:before, .section-contact:after
	{
		width: 75px;
		height: 75px;
	}
	.count ul li
	{
		width: 100%;
	}
	.testimonials figure:before
	{
		width: 300px;
		height: 300px;
	}
	.team ul li
	{
		width: 100%;
	}
	.erp-services-support ul, .erp-services-support2 ul, .it-key-features ul, .it-modules ul, .it-awards ul, .it-key-features3 ul, .it-why-choose ul, .dt-services-offered-list ul, .career-details article ul, .case-studies-home ul
	{
		grid-template-columns: 1fr;
	}
	.erp-counts ul, .testimonials-page ul
	{
		grid-template-columns: 1fr;
	}
	.careers-learning article
	{
		display: block;
	}
	.careers-learning article figure, .careers-learning article aside, .searchjob, .searchcity, .searchbutton, .resume-upload label, .resume-upload aside
	{
		width: auto;
		float: none;
	}
	.address-details article
	{
		display: block;
	}
	.address-details div
	{
		width: 100%;
		margin: 10px 0;
	}
	.career-details aside .formfield form, .resume-upload, .duration
	{
		display: block;
	}
	.duration h5
	{
		padding: 10px 0;
	}
	.it-tools-expertised ul li
	{
		width: 33.333333%;
	}
	.case-studies-list ul, .news-events-list ul
	{
		grid-template-columns: 1fr;
	}
	.photo-gallery ul li
	{
		width: 50%;
	}
}
@media only screen and (max-width:320px)
{
	.erp-services-support ul
	{
		grid-template-columns: 1fr;
	}
	.it-tools-expertised ul li
	{
		width: 50%;
	}
	.photo-gallery ul li
	{
		width: 100%;
	}
}