@media (max-width: 1920px) {

}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

	
}

@media (max-width: 1024px) {
h1 {font-size:50px; line-height:50px;}
h2 {font-size:40px; line-height:40px;}
h3 {font-size:30px; line-height:30px;}
.parallax-content.clients {min-height: auto;}
	.simg {width: 150%;}
}

@media (max-width: 1023px) {
    
   
}

@media (max-width: 990px) {
	.navbar {padding:1.2rem 0;}
	.navbar-nav {margin:0;}
	.navbar ul li ul {background-color:#020116; padding:10px;}
	.navbar ul li ul li a {color:#fff; border-bottom:solid 1px #1c1b2e;}
	.navbar ul li ul li a:hover {background-color:#49c1ba;}
	.navbar-nav li a {color:#4a4a4a; padding:15px 10px; border-bottom:solid 1px #e1e1e1; font-weight:bold; display:block;}
	/*.navbar-nav li a:hover {background-color:#ccc;}*/
	.navbar-nav li a i {float:right;}
	.navbar-nav li a i:before {font-size:20px;}
	.navbar-toggler {padding:2px 10px; border:solid 1px #ccc; }
	.navbar-toggler-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 10h24M4 16h24M4 22h24'/%3E%3C/svg%3E") !important;}
	.nav-button {padding-bottom: 0;}
	h1 {font-size:40px; line-height:40px;}
	h2 {font-size:30px; line-height:30px;}
	h3 {font-size:25px; line-height:25px;}
	.caption p {width:100%; font-size:20px; line-height:25px; margin-bottom:20px;}
	p {font-size:20px; line-height:25px;}
	.herocaption .w-65 {width: 90%;}
	.knowmore2 a {margin-top:20px; top: 0;}
	.knowmore2 {float: none!important;}
	footer {height: auto;}
	.ainav.fixed-side-navbar .nav > li a span {display: none; position: absolute;}
	.ainav.fixed-side-navbar .nav > li a:hover > span {width: 105px; padding: 0px 10px; box-shadow: 0 0 10px #ccc; }
	.address {height: 220px;}
	.blogwide {height: 264px;}
	.msticky a {display: inline-block;}
	.ai {background:url(../images/bg-ai-mob.jpeg) top right -200px;}
	.team .title h3, .teamdetails h4 {font-size: 20px; line-height:20px;}
	.team .title p, .teamdetails p, .teamdetails h4 span {font-size: 12px; line-height: 15px;}

}

@media (max-width: 800px) {

}

@media (max-width: 768px) {
	
}
@media (min-width: 767px) {
 .testimonial-caption {
        position: initial;
        z-index: 10;
        padding: 2rem 7rem;
        text-align: center;
        font-size: 0.7rem;
        /*font-style: italic;
        font-weight: bold;*/
        line-height: 1.5rem
    }
.testimonial-caption p{
	color: #666 !important;
	}
.testimonial-caption img {
        /*width: 4rem;*/
        border-radius: 4rem;
        margin-top: 1rem;
		    margin-bottom: 2rem;
    }
#image-caption {
        font-style: normal;
        font-size: 0.8rem;
        margin-top: 0.5rem;
		color: #666 !important;
    }
#image-caption img{
	margin-top:0;
	}
#image-caption h3,#image-caption p{
	margin-bottom:0;
	
	}
.test-arrow {
        padding: 0.8rem
    }
	}
@media (max-width: 767px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0 20px;}
body, p {font-size: 16px; line-height: 25px;}
section {padding:30px 0 0;}
.left, .right {text-align:center;}
header {padding:10px 0;}
.navbar-brand {width:70%;}
.fixed-top {overflow-y:auto;}
.w-25, .w-50, .w-75 {width:100% !important;}
.social {margin-top:20px;}
.social li a {margin:0; padding:9px !important;}
.hero .caption {top:30%; left:20px;}
.caption {width:90%!important; /*margin-top:20%;*/}
.workwrap {top:0;}
.fixed-side-navbar .nav > li a::after {right: 20px;}
.fixed-side-navbar .nav > li a.active::before {right: 16px;}
.letstalk {padding: 50px 0;}
.letstalk .caption {width: 100%; margin-top: 0;}
footer {padding: 100px 0 0 0;}
footer .mt-5 {margin-top: 10px!important;}
footer .mb-2 {margin-bottom: 10px!important;}
footer .social {text-align: center;}
.copy {margin-top: 0;}
.ainavdivborder {left: 29px; right: auto;}
.client-infographic:before {left: 50%; top: -20px; transform: translateX(-50%); transform: rotate(90deg); display: inline-block;}
.client-testidiv .container.p-0 {padding: 30px!important;}
.client-testidiv .col-12 {padding: 0;}
.client-testidiv .owl-carousel .owl-item img {max-width: 50%; margin-bottom: 20px;}
.client-testidiv .owl-nav button {bottom: -100px;}
.client-testi {padding:20px 20px 20px}
.client-testi .quote {line-height: 22px; font-size: 18px;}
.gen-enq h2, .gen-enq h4 {margin-bottom: 20px;}
.contactab {width: 92%!important;}
.contactab .card-body {padding: 20px;}
.address {height: auto;}
.career-gal .owl-carousel .owl-dots {top: 93%; left: 10px;}
.card-header>a, .card-header>a:active{font-size: 20px; padding: 20px 0;}
.workpos {width:90%; top: auto; bottom: 0; transform: none;}
.objective {padding: 30px 0!important;}
.approach .mt-5 {margin-top: 0!important;}
.obj-img img  {position: relative;}
.innertop {margin-top: 64px;}
footer {position: relative; z-index: 0;}
.blogwide {height: auto;}
.mvideo {height: 100vh!important; overflow: hidden!important;}
.a1 .w-75, .a2 .w-75, .a3 .w-75, .a4 .w-75 {width: 90%!important;}
.mb-5 {margin-bottom: 2rem!important;}
.ainavdiv {border-top: solid 50px #fff; margin-bottom: 30px;}
.ainavdivborder {top: 50px;}
.ainav.fixed-side-navbar {margin-top: 0;}
.load-more {margin-bottom: 30px; display: block;}
.workdetail {padding: 30px 0; margin-top: 30px;}
.workdetail img {width: 50%;}
.team .title h3, .teamdetails h4 {font-size: 25px; line-height:30px;}
.team .title p, .teamdetails p, .teamdetails h4 span {font-size: 18px; line-height: 25px;}
.teams h3:before {width: 30px; margin-right:10px; top: -5px;}
.teams h3:after {width: 30px; margin-left:15px; top: -5px;}
.teams h3 {font-size: 23px;}
	.owl-theme .owl-nav {margin-top: 50px;}
	.workdesc h3 {
    font-size: 1.8rem;
}
}

@media (max-width: 576px) {    
.caption {width:80%;}	
.client-testidiv {background:url(../images/client-testi-bg.jpeg) no-repeat bottom -75px center #fff}
.career-gal {background:url(../images/career-gal-bg.jpeg) no-repeat bottom -75px center #fff}
.client-testidiv .owl-carousel .owl-nav button.owl-next, .client-testidiv .owl-carousel .owl-nav button.owl-prev,
.career-gal .owl-carousel .owl-nav button.owl-next, .career-gal .owl-carousel .owl-nav button.owl-prev {width: 40px; height: 40px; padding: 5px!important;}
.client-testidiv .owl-nav button.owl-prev, .career-gal .owl-nav button.owl-prev {right: 50px;}
.client-testidiv .owl-nav button, .career-gal .owl-nav button {bottom: -50px;}
.client-testidiv .owl-nav button .fa:before, .career-gal .owl-nav button .fa:before  {font-size: 12px;}
}

@media (max-width: 480px) {

    
}

@media (max-width: 414px) {
.mvideo {height: 730px!important;}   
    
    
}

@media (max-width: 383px) {
.mvideo {height: 667px!important;}  
}

@media (max-width: 375px) {
h1 {font-size:30px; line-height:30px;}
h2 {font-size:25px; line-height:25px;}
h3 {font-size:18px; line-height:18px;}
}

@media (max-width: 360px) {
.navbar-brand {width:100%;} 
.mvideo {height: 640px!important;}  

}
@media (max-width: 320px) {
.mvideo {height: 568px!important;}  

}