@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.service .single-box {
		padding: 10px 15px;
	}

	.portfolio .items .owl-nav {
		display: none;
	}
}

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

	.vertical-social,
	.part-img,
	.down-arrow {
		display: none;
	}

	/* .header{
	position: fixed!important;
	} */
	.header.header-3 .bottom-header {
		padding-top: 12px;
		padding-bottom: 12px;
	}

	h5 {
		font-size: 1.1rem !important;
	}
}

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

	.heading {
		margin-bottom: 50px;
	}

	.heading h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* header section */
	.header .top-header {
		display: none;
	}

	.header .bottom-header button {
		float: right;
		padding: 25px 10px;
		font-size: 25px;
		color: #4C42C5;
		outline: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item {
		padding: 10px;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.active .nav-link:before,
	.header .bottom-header .navbar .navbar-nav .nav-item .nav-link:before {
		display: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
		display: none;
		/* background: rgba(68, 134, 255, 0.9); */
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
		display: block;
	}

	.header .bottom-header .navbar .my-btn {
		margin-bottom: 20px;
	}

	/* banner section */
	.banner {
		padding-top: 58px;
	}

	.banner .banner-txt {
		text-align: center;
		padding: 120px 0;
	}

	.banner .banner-txt h2 {
		font-size: 40px;
		line-height: 55px;
	}

	.banner .banner-txt h3 {
		font-size: 16px;
	}

	.banner.btn-box {
		justify-content: center;
	}

	.banner .btn-box .vdo-btn i {
		margin-left: 7px;
	}

	/* about section */
	.about {
		padding: 60px 0;
	}

	.about .part-txt .title h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* service section */
	.service {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.service .single-box {
		/* height: initial!important; */
		padding: 20px 15px;
	}

	.service .single-box .part-txt h3 {
		font-size: 22px;
	}

	/* process section */
	.portfolio .items .owl-nav {
		display: none;
	}

	.testimonial .comments .comment {
		padding: 30px 20px;
	}

	/* video section */
	.video {
		padding: 30px 0;
	}

	.video .part-txt {
		text-align: center;
		margin-bottom: 10px;
	}

	.video .part-txt h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* contact section */
	.contact {
		padding: 60px 0;
	}

	.contact .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	.contact form input {
		height: 40px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.contact form textarea {
		height: 100px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	/* brand section */
	.brands .all-brand .single-brand {
		height: 120px;
	}

	/* footer section */
	.footer .main-footer {
		padding: 60px 0;
	}

	.footer .main-footer .f-about {
		margin-bottom: 30px;
	}

	.footer .main-footer .f-about img {
		width: 125px;
	}

	.footer .main-footer .links {
		margin-bottom: 30px;
	}

	/*================================
	===== inner pages responsive ======
	=================================*/
	.banner .breadcrumb-txt {
		padding: 80px 0;
	}

	.banner .breadcrumb-txt .title h1 {
		font-size: 40px;
		line-height: 55px;
		margin-bottom: 5px;
	}

	.banner .breadcrumb-txt .breadcrumb ul li {
		font-size: 16px;
	}
}

/*as col-sm*/
/*large mobile device*/
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.heading {
		margin-bottom: 50px;
	}

	.heading h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* header section */
	.header .top-header {
		display: none;
	}

	.header .bottom-header button {
		float: right;
		padding: 15px 10px;
		font-size: 25px;
		color: #4C42C5;
		outline: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item {
		padding: 10px;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.active .nav-link:before,
	.header .bottom-header .navbar .navbar-nav .nav-item .nav-link:before {
		display: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
		display: none;
		/* background: rgba(68, 134, 255, 0.9); */
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
		display: block;
	}

	.header .bottom-header .navbar .my-btn {
		margin-bottom: 20px;
	}

	/* about section */
	.about {
		padding: 60px 0;
	}

	.about .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	.about .part-txt .title {
		text-align: center;
	}

	.about .part-txt .title h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* about-2 section */
	.about-2 {
		padding: 60px 0;
	}

	.about-2 .part-txt {
		margin-bottom: 50px;
	}

	.about-2 .part-txt .title {
		text-align: center;
	}

	.about-2 .part-txt .title h2 {
		font-size: 28px;
		line-height: 43px;
	}

	.about-2 .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	/* service section */
	.service {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.service .single-box {
		padding: 20px 15px;
	}

	.service .single-box .part-txt h3 {
		font-size: 22px;
	}

	/* contact section */
	.contact {
		padding: 60px 0;
	}

	.contact .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	.contact form input {
		height: 40px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.contact form textarea {
		height: 100px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	/* brand section */
	.brands .all-brand .single-brand {
		height: 120px;
	}

	/* footer section */
	.footer .main-footer {
		padding: 60px 0;
	}

	.footer .main-footer .f-about {
		margin-bottom: 30px;
	}

	.footer .main-footer .f-about img {
		width: 125px;
	}

	.footer .main-footer .links {
		margin-bottom: 30px;
	}

	.footer .copyright .part-txt {
		justify-content: center;
	}

	.footer .copyright .part-txt p {
		margin-bottom: 20px;
	}

	.footer .copyright .social {
		justify-content: center;
	}

	/*================================
	===== inner pages responsive ======
	=================================*/
	.banner .breadcrumb-txt {
		padding: 80px 0;
	}

	.banner .breadcrumb-txt .title h1 {
		font-size: 40px;
		line-height: 55px;
		margin-bottom: 5px;
	}

	.banner .breadcrumb-txt .breadcrumb ul li {
		font-size: 16px;
	}
}

/*medium mobile device*/
@media only screen and (min-width: 480px) and (max-width: 575px) {
	.heading {
		margin-bottom: 50px;
	}

	.heading h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* header section */
	.header .top-header {
		display: none;
	}

	.header .bottom-header button {
		float: right;
		padding: 15px 10px;
		font-size: 25px;
		color: #4C42C5;
		outline: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item {
		padding: 10px;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.active .nav-link:before,
	.header .bottom-header .navbar .navbar-nav .nav-item .nav-link:before {
		display: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
		display: none;
		/* background: rgba(68, 134, 255, 0.9); */
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
		display: block;
	}

	.header .bottom-header .navbar .my-btn {
		margin-bottom: 20px;
	}

	/* banner section */
	.banner {
		padding-top: 58px;
	}

	.banner .banner-txt {
		text-align: center;
		padding: 0;
	}

	.banner .banner-txt h1 {
		font-size: 50px;
		line-height: 55px;
	}

	.banner .banner-txt h2 {
		font-size: 40px;
		line-height: 55px;
	}

	.banner .banner-txt h3 {
		font-size: 16px;
	}

	.banner .btn-box {
		justify-content: center;
	}

	.banner .btn-box .vdo-btn i {
		margin-left: 7px;
	}

	/* about section */
	.about {
		padding: 60px 0;
	}

	.about .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	.about .part-txt .title {
		text-align: center;
	}

	.about .part-txt .title h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* about-2 section */
	.about-2 {
		padding: 60px 0;
	}

	.about-2 .part-txt {
		margin-bottom: 50px;
	}

	.about-2 .part-txt .title {
		text-align: center;
	}

	.about-2 .part-txt .title h2 {
		font-size: 28px;
		line-height: 43px;
	}

	.about-2 .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	/* service section */
	.service {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.service .single-box {
		width: 290px;
		padding: 20px 30px;
		margin: 0 auto 30px auto;
	}

	.service .single-box .part-txt h3 {
		font-size: 22px;
	}

	/* contact section */
	.contact {
		padding: 60px 0;
	}

	.contact .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	.contact form input {
		height: 40px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.contact form textarea {
		height: 100px;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.brands .all-brand .single-brand {
		height: 120px;
	}

	/* footer section */
	.footer .main-footer {
		padding: 60px 0;
	}

	.footer .main-footer .f-about {
		margin-bottom: 30px;
	}

	.footer .main-footer .f-about img {
		width: 125px;
	}

	.footer .main-footer .links {
		margin-bottom: 30px;
	}

	.footer .copyright .part-txt {
		justify-content: center;
	}

	.footer .copyright .part-txt p {
		margin-bottom: 20px;
	}

	.footer .copyright .social {
		justify-content: center;
	}

	/*================================
	===== inner pages responsive ======
	=================================*/
	.banner .breadcrumb-txt {
		padding: 80px 0;
	}

	.banner .breadcrumb-txt .title h1 {
		font-size: 40px;
		line-height: 55px;
		margin-bottom: 5px;
	}

	.banner .breadcrumb-txt .breadcrumb ul li {
		font-size: 16px;
	}
}

/*small mobile device*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.heading {
		margin-bottom: 10px;
	}

	.heading h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* header section */
	.header .top-header {
		display: none;
	}

	.header .bottom-header button {
		float: right;
		padding: 15px 10px;
		font-size: 25px;
		color: #4C42C5;
		outline: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item {
		padding: 10px;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.active .nav-link:before,
	.header .bottom-header .navbar .navbar-nav .nav-item .nav-link:before {
		display: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
		display: none;
	}

	.header .bottom-header .navbar .navbar-nav .nav-item.dropdown .dropdown-menu.show {
		display: block;
	}

	.header .bottom-header .navbar .my-btn {
		margin-bottom: 20px;
	}

	/* banner section */
	.banner {
		padding-top: 58px;
	}

	.banner .banner-txt {
		text-align: center;
		/* padding: 0; */
	}

	.banner h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.banner h2 {
		font-size: 20px;
		line-height: 30px;
	}

	.banner .banner-txt h3 {
		font-size: 14px;
	}

	.banner .btn-box {
		justify-content: center;
	}

	.banner .btn-box .vdo-btn i {
		margin-left: 7px;
	}

	/* about section */
	.about {
		padding: 40px 0;
	}

	.about .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	.about .part-txt .title {
		text-align: center;
	}

	.about .part-txt .title h2 {
		font-size: 28px;
		line-height: 43px;
	}

	/* about-2 section */
	.about-2 {
		padding: 60px 0;
	}

	.about-2 .part-txt {
		margin-bottom: 50px;
	}

	.about-2 .part-txt .title {
		text-align: center;
	}

	.about-2 .part-txt .title h2 {
		font-size: 28px;
		line-height: 43px;
	}

	.about-2 .part-img {
		width: 290px;
		margin: 0 auto 50px auto;
	}

	/* service section */
	.service {
		padding-top: 30px;
		padding-bottom: 10px;
	}

	.service .single-box {
		height: initial !important;
		padding: 20px 30px;
		margin: 0 auto 30px auto;
	}

	.service .single-box .part-txt h3 {
		font-size: 18px;
	}

	.service .single-box .part-txt p {
		font-size: 12px;
		min-height: 20px !important;
	}
}

/* Custom CSS to hide border-right on small screens */
@media (max-width: 900px) {
	.border-right-sm-none {
		border-right: none !important;
	}
}