@charset "utf-8";
/* CSS Document */

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


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

.banner-block .carousel-caption {right: 10%; left: 10%; width:80%; }
	
	 }


@media (min-width:1200px) and (max-width:1280px) {
	
	.banner-block .carousel-caption {right: 10%; left: 10%; width:80%; }
	.serv-cont-info {  min-height:325px; }
	.testimonials-sections { background-position:right -250% top 10% }
	 
	
	 }

  
@media screen and (max-width:1199px) {
	
.main-menu .navigation > li { margin-right:20px }	
.main-menu .navigation > li > a { font-size:13px; }
.menu-link { right:5%; }

.box-list { margin-top:0px; }
.box-icons { position:relative; top:auto  }
.box-block {padding: 30px 10px 30px 10px; }


.newslist-block { min-height:372px; }
.serv-cont-info { min-height:305px; }
.serv-cont-info h3 { font-size:20px; margin:0px 0px 10px;  }
.testimonials-sections { background-position:right -600px top 10% }
	
 }


@media (min-width:999px) and (max-width:1199px) {  }


@media (min-width:999px) {
	
.main-menu .navigation > li > ul,
.main-menu .navigation > li > ul > li > ul{	display:block !important;	visibility:hidden;	opacity:0;}

 
	
	 }


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


.site-navbar { height:155px; }
.site-navbar.site-navbar-bg { height:80px; }
.site-navbar.site-navbar-bg .top-level-menu {bottom: -3px;}
 
.site-navbar.site-navbar-bg ul.navbar-nav {margin-top: 0px;}

.navbar-brand { padding:10px 0px 0px }
 

 
.main-menu .collapse {
	   max-height:300px;
		overflow:auto;
		float:none;
		width:100%;
		padding:10px 10px 0px;
		border:none;
		margin:0px;
		-ms-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		-o-border-radius:0px;
		border-radius:0px;
		position:absolute;
		left:0px;
		top:47px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding: 0px;
		border:none;
		margin:0px 0px px;
		-ms-border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		-o-border-radius:0px;
		border-radius:0px;	
		width:100%;
		position:absolute;
		left:0px;
		top:47px;
	}
	
	.main-menu .navbar-header .navbar-toggle{display:inline-block;	z-index:7;border:1px solid #ffffff;	float:none; margin:0px 0px 0px 0px;	border-radius:0px;	background:#ffd105; position:absolute;  right:15px; top:7px;	}
	.main-menu .navbar-header .navbar-toggle .icon-bar{background:#ffffff;}
	.main-menu .navbar-collapse > .navigation{float:none !important;margin:0px 0 0 !important; width:100% !important;background:#172745;border:1px solid #ffffff;border-top:none;}
	
	.main-menu .navbar-collapse > .navigation > li,
	.header-style-three .header-lower .main-menu .navigation > li{margin:0px !important;padding:0px !important;	float:none !important;	width:100%;	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{border:none;}
	
	.main-menu .navbar-collapse > .navigation > li > a{padding:10px 10px !important;border:none !important;}
	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{color:#ffffff !important;right:15px;font-size:16px;	display:none !important;}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative; border:none;	float:none;	visibility:visible;	opacity:1;	display:none;	margin:0px;	left:auto !important;	right:auto !important;	top:auto !important;
		width:100%;		background:#4f4f4f;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border-top:1px solid rgba(255,255,255,0.50) !important;	opacity:1 !important;	top:0px !important;	left:0px !important;
		visibility:visible !important;}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{border:none;	}
	
	.header-style-two .nav-outer{/*float:none !important;*/	width:100%;}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{padding:10px 10px !important;line-height:22px;color:#ffffff;background:#4f4f4f;	text-align:left;}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{background:#848589;}
	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,
	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{background:#4f4f4f;color:#ffffff !important;}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{display:block;} /* dropdown arrow btn  */
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before{display:none !important;}


.inner-title-sections::after { width:100%; top:0px; height:100%;}
.inner-title-sections { margin-bottom:50px; padding:30px 0px 25px }

ul.clients-speak { padding:0px 15px; }
.clients-speak li { width:25%; }

}


@media (min-width:768px) and (max-width:970px) { }

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

.site-navbar {height: 136px;} 
.site-navbar.site-navbar-bg {height: 80px;}

.banner-block { margin-top:0px;} 
.carousel-control { top:45%; font-size:40px; height:40px; width:40px; }

.abt-blk { top:0px; }
.col-sm-4.about-left,  .col-sm-8.about-right { width:100%; }
.about-left { min-height:auto; }
.about-sections::after { width:100%; height:100%; display:block; bottom:0px; top:auto }

.tech-sections-img {margin-bottom: 30px;}
.ourprocess img { width:100%; }

.form-col {width: 100%;}

.serv-tab ul.nav-tabs li {
    width: 25%;
}

}

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

.desktop-img { display:block }
.mobile-img {display:none}
	 
}

@media screen and (max-width:768px) {
	
	.short-content { width:100%; } 
	
	.testimonials-sections {background-position: right -700px top 10%;}
	
	.serv-tab .tab-content-body {padding:30px 0px;}
	
	
	
	
	 }


@media screen and (max-width:767px) {
	
 .site-navbar a.navbar-brand img {width:65%;}
.site-navbar { height:70px;}
.site-navbar.site-navbar-bg { height:70px;}
.site-navbar-bg a.navbar-brand img {width: 65%;}

 
 .banner-block { margin-top: 75px;}
 html, .carousel, .carousel-inner {height: auto;}
 .carousel-inner img { width:100%}
 .banner-block .carousel-caption { left:5%; }

 .desktop-img { display:none }
.mobile-img {display:block}

.carousel-caption h2 { font-size:26px; line-height:30px;}
.carousel-caption h2 span.thinfont { font-size:26px; line-height:30px;}
.carousel-control.left span, .carousel-control.right span { top:-30px; }

#menu .main-manu ul.dropdown-menu {
    display: block;
}
#menu .main-manu ul.dropdown-menu {
    float: none;
    position: static;
    text-align: center;
}
   
 .serv-cont-info { min-height:auto; }
.customsayscroll { width:100%; }	

.resimg img{ width:100%; }

	
	 }


@media (max-width:640px) {
	
.sections-short-cont {width: 100%;}
.section-titles h2 {font-size: 28px;}
.section-top {padding: 50px 0px 0px;}
.section-bottom {padding: 0px 0px 50px;}
.section-top-btm {padding: 50px 0px;}
 
.clients-speak li { width:33%; }

 
   

 

	
 }


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


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


@media (max-width:480px) {
	

 
 .testimonials-sections {   background-position: right -700px top 10%;}

.clients-speak li { width:50%; }
.serv-tab ul.nav-tabs li span { width:40px; margin:0 auto; }
.serv-tab ul.nav-tabs li span img { width:100%; }
.serv-tab ul.nav-tabs li a { font-size:12px; padding: 10px 5px; min-height:100px; }

.carousel-control {
    font-size: 20px;
    height: 20px;
    top: 35%;
    width: 20px;
}
.banner-block .carousel-control.right {border-width: 40px 40px 40px 0;}
.banner-block .carousel-control.left { border-width: 40px 0 40px 40px; }
.carousel-control.left span, .carousel-control.right span {top: -22px;}
.carousel-control.left span {left: -35px;}
.carousel-control.right span { right: -22px;}

.testimonials-sliders::after {
 
 
    left: 25%;
     
    right: 25%;
    
    width: 50%;
    
}


	
	} 


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


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


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