/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

/* Responsive */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
}

@media only screen and (max-width: 1199px) {
    .main-menu .navbar-nav li.nav-item {
	    margin: 0 10px;
	}
	
	.banar-sliders.owl-carousel .owl-nav {
		padding: 0 15px;
	}

	section#about-us {
	    padding: 100px 0 50px 0;
	    margin-top: -30px;
	    background: -webkit-gradient(linear, left bottom, left top, from(rgb(30,34,37)), color-stop(92%, rgb(30, 34, 37)), to(rgba(30, 34, 37, 0)));
	    background: -o-linear-gradient(bottom, rgb(22, 22, 23) 0%, rgb(30, 34, 37) 92%, rgba(30, 34, 37, 0) 100%);
	    background: linear-gradient(0deg, rgb(22, 22, 23) 0%, rgb(30, 34, 37) 92%, rgba(30, 34, 37, 0) 100%);
	}

}

/* Medium Devices, Tablet, Mobile */    
@media only screen and (max-width: 991px) {

	.main-menu .navbar-nav {
	    margin-left: 50px;
	}

	.main-menu .navbar-nav li.nav-item:last-child {
	    margin-top: 0;
	}

	.banar-sliders.owl-carousel .owl-nav {
	    top: auto;
	    bottom: 20%;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	}

	.banar-sliders.owl-carousel .owl-nav button {
	    margin: 0 16px;
	}

	.card-content h3 {font-size: 20px;}

	.card-logo {
	    margin-right: 15px;
	}

	.card-logo img {
	    width: 30px;
	}

	.card-content h3 {font-size: 20px;}

	.card-logo {
	    margin-right: 15px;
	}

	.card-logo img {
	    width: 30px;
	}

	.service-desc {
	    padding-left: 0;
	}

	.single-blog-card {
	    margin-bottom: 0;
	    margin-top: 50px;
	}

	.single-blog-card:hover {
	    margin-top: 45px;
	}

	.skill-text.blog-text {
	    margin-bottom: 70px;
	}

	.service-text.blog-text {
	 	padding: 70px 0;
	}

	section#contact {
	    padding-top: 75px;
	}

	.contact-box {
	    padding: 30px 10px;
	}

	.contact-logo {
	    margin-right: 10px;
	}

	.contact-logo img {
	    width: 20px;
	}

	.box-content h3 {
	    font-size: 24px;
	}

	.service-text {
		padding: 75px 0;
	}

	a.project-name {
	    padding: 35px 4px 35px 8%;
	    font-size: 26px;
	}

	span.project-number {
	    left: 7%;
	    margin-bottom: 25px;
	}


} /*@media only screen and (max-width: 991px)*/
    
@media only screen and (max-width: 767px) {

	.navbar-toggler {
		border: 1px solid #fff;
		outline: none !important;
		padding: 0;
		color: #fff;
		font-size: 16px;
		padding: 8px 10px;
	}

	.navbar-toggler-icon {
	    width: auto;
	    height: auto;
	}

	.navbar {
	    padding-left: 0;
	    padding-right: 0;
	}

	.main-menu .navbar-nav {
	    margin-left: 0;
	    padding-top: 15px;
	}

	.main-menu .navbar-nav li.nav-item {
	    margin: 5px 0;
	}


	.main-menu .navbar-nav li.nav-item a.nav-link:after {
	    bottom: 0  !important;
	}

	.main-menu .navbar-nav li.nav-item a.nav-link {
	    display: inline-block;
	}

	.main-menu .navbar-nav li.nav-item:last-child {
	    margin-left: 0;
	}

	section#about-us {
	    padding: 50px 0 50px 0;
	    margin-top: -20px;
	    background: -webkit-gradient(linear, left bottom, left top, from(rgb(30,34,37)), color-stop(96%, rgb(30, 34, 37)), to(rgba(30, 34, 37, 0)));
	    background: -o-linear-gradient(bottom, rgb(30,34,37) 0%, rgb(30, 34, 37) 96%, rgba(30, 34, 37, 0) 100%);
	    background: linear-gradient(0deg, rgb(30,34,37) 0%, rgb(30, 34, 37) 96%, rgba(30, 34, 37, 0) 100%);
	}

	.banar-content h1 {
	    font-size: 75px;
	}


	.banar-content h1 {
	    font-size: 75px;
	}

	.card-logo img {
	    width: auto;
	}

	.single-about-card .card-logo {
	    width: 65px;
	    text-align: center;
	}

	.section-title {
	    margin-bottom: 30px;
	}

	h2.section-title {
	    /* margin-left: -17px; */
	    font-size: 36px;
	}

	.service-title {
	    -webkit-box-pack: start;
	        -ms-flex-pack: start;
	            justify-content: flex-start;
	}

	.contact-logo img {
	    width: auto;
	    margin-right: 20px;
	}

	.box-content h3 {
	    font-size: 26px;
	}

	.about-slider {
	    padding-bottom: 50px;
	}

	.portfolio-sliders.owl-carousel .owl-nav {
	    padding-top: 30px;
	}

	.about-card {
	    flex-direction: column;
	}

	.about-card a:after {
	    display: none;
	}


} /*@media only screen and (max-width: 767px) */


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

	.banar-content h1 {
	    font-size: 60px;
	}

	.banar-sliders.owl-carousel .owl-nav {
	    bottom: 10%;
	}

	ul.banar-socila {
	    bottom: 5%;
	}

}

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

header.header-fix {
    padding: 10px 0;
}

h2.section-title {
    font-size: 30px;
}

.service-title {
	padding-top: 0;
}

.foot-top-content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}


}

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

	.banar-content h1 {
	    font-size: 50px;
	}

	.banar-content {
	    min-height: 450px;
	}

	.card-number {
	    font-size: 50px;
	    margin-top: -44px !important;
	}

	a.project-name {
	    font-size: 22px;
	}

}


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

}
    
@media only screen and (min-width: 426px) and (max-width: 767px) {
   
}
    
@media only screen and (min-width: 320px) and (max-width: 425px) {
	
}
      
@media only screen and (min-width: 0px) and (max-width: 319px) {

}