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

}


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

}

@media only screen and (max-width: 1030px) { 
	.logo-img {
		width: 180px;
	}
}


/* For dropdown menu */

@media only screen and (min-width: 992px) {
	.sub-menu {
		position: absolute;
		list-style: none;
		z-index: 10;
		opacity: 0;
		visibility: hidden;
		padding: 0;
		left: 0;
		width: 200px;
		background-color: #f50000;
	}
	.sub-menu li {
		padding: 0.5rem 1rem;
    	border-bottom: 1px solid #e9ecef;
	}
	.sub-menu li a {
		text-decoration: none;
		color: #fff;
		display: block;
		text-transform: uppercase;
		letter-spacing: 1.2px;
		line-height: 40px;
	}
	.nav-item:hover .sub-menu {
		perspective: 1000px;
		opacity: 1;
		visibility: visible;
	}
	.nav-item:hover .sub-menu li {
		opacity: 1;
		visibility: visible;
		animation: viewMenu 0.8s ease-in-out forwards;
	}
	.sub-menu li:hover {
		background-color: rgba(0,0,0,0.05);
	}
	.sub-menu li:hover a {
		color: #fff;
	}
	@keyframes viewMenu {
		0% {
			opacity: 0;
			transform: rotateX(-90deg);
			transform-origin: top;
		}
		100% {
			opacity: 1;
			transform: rotateX(0deg);
		}
	}
	.hidden-menu, .hidden-menu2 {
		display: none;
	}
	.navbar2 {
		display: none;
	}
}


@media only screen and (max-width: 991px) {
	.navbar-dark .navbar-toggler-icon {
		background-image: none;
	}
	.nav-menu-icon, .nav-menu-close-icon {
		color: #fff;
		line-height: 30px;
	}
	.navbar-nav {
		padding-top: 1rem;
	}
	.dropdown-nav {
		position: relative;
	}
	.dropdown-nav-link {
		width: calc(100% - 50px);
	}
	.hidden-menu, .hidden-menu2 {
		position: absolute;
		top: 0;
	    right: 0;
	    color: #ffffff;
	    width: 50px;
	    height: 100%;
	    background-color: red;
	    text-align: center;
	    line-height: 42px;
	    cursor: pointer;
	    border: 1px solid #f77;
	}
	.sub-drop, .sub-menu {
		position: absolute;
		opacity: 0;
		visibility: hidden;
	}
	.sub-menu-small {
		position: static;
		list-style: none;
		z-index: 10;
		opacity: 1;
		visibility: visible;
		padding: 0;
		width: 100%;
	}
	.sub-menu-small li {
		padding: 0.3rem 1rem 0.3rem 2rem;
		background-color: #ff0006;
    	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.sub-menu-small li a {
		text-decoration: none;
		color: #fff;
		display: block;
		line-height: 30px;
	    text-transform: uppercase;
	    letter-spacing: 1.2px;
	}
	.nav-link {
		line-height: 30px;
	}
	.sub-menu-small li:hover {
		background-color: rgba(0,0,0,0.05);
	}
	.sub-menu-small li:hover a {
		color: #fff;
	}
	@keyframes viewMenu {
		0% {
			opacity: 0;
			transform: rotateX(-90deg) ;
			transform-origin: top;
		}
		100% {
			opacity: 1;
			transform: rotateX(0);
		}
	}
	.navbar {
		background-color: #ff0000!important;
	}
	.nav-link {
		color: #fff!important;
	}
	.myNavbar {
		display: none;
	}
	.navbar2 {
		display: flex;
	}
	.main-wrapper {
		margin-top: 69px;
	}
	.carousel-caption {
		top: 30px;
	}
	.carousel-caption h1 {
		font-size: 39px;
		line-height: 32px;
	}
	.logo-img2 {
		width: 170px;
	}
	.battery-row {
		align-items: center;
	}
	.hm-abt-para {
		border:none;
	}
	.desc-inner {
		text-align: center;
	}
	.hm-abt-para {
		padding-left: 0;
	}
	.company-profile-row,.key-to-success-row {
		align-items: center;
	}
	.cont-tab-wrap {
		padding: 1rem;
	}
}


@media only screen  and (max-width: 767px) {
	.hm-abt-inner {
		text-align: left;
	}
	.hm-abt-para {
		border:none;
	}
	.f-contact-inner,.links-inner {
		margin-top: 3rem;
	}
	.f-contact-col {
		padding-bottom: 4rem;
	}
	.link-title, .contact-title {
		padding-bottom: 0;
	}
	.battery-section {
		background-image: url("../img/battery-bg3.jpg");
		padding:2rem 0 5rem;
		position: relative;
	}
	.battery-info-col {
		padding-bottom: 30rem;
	}
	.info-para p {
		padding: 0;
	}
	.s-wrap img {
		width: 50%;
	}
	.pro-btn-col {
		position: absolute;
	    right: 0;
	    top: 55%;
	    transform: translateY(-45%);
	}
	.battery-img-col {
		position: absolute;
		left: 0;
		top: 57%;
		transform: translateY(-43%);
	}
	.des-battery-col img {
		width: 80%;
	}
	.key-to-success-row {
		flex-direction: column-reverse;
	}
	.we-img-wrap img {
		display: table;
		margin: 0 auto;
	}
}	


@media only screen  and (max-width: 575px) {
	.m-view-mb {
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		justify-content: center;
		text-align: center;
		margin-bottom: 4rem;
	}
	.m-view {
		display: flex;
		flex-direction: column;
		align-items: center;
		align-content: center;
		justify-content: center;
		text-align: center;
	}
	.f-contact-col {
		padding-bottom: 0rem;
	}
	.battery-section {
		background-image: url("../img/battery-bg3.jpg");
		padding:2rem 0 5rem;
		position: relative;
	}
	.s-wrap img {
		width: 70%;
		display: block;
		margin: 0;
	}
	.pro-btn-col {
		top: 54%;
		transform: translateY(-46%);
	}
	.probtn .c-btn2 {
		font-size: 14px;
	}
	.c-btn {
	    padding: 0rem 0.5rem;
        border-radius: 20px;
        font-size:14px;
	}
	.battery-info-col {
		padding-bottom: 36rem;
	}
	.probtn-wrap {
		margin-top: 0;
	}
	.tbl {
		display: block;
	    width: 100%;
	    overflow-x: auto;
	}
	.description-wrap {
		padding: 3rem 0.5rem;
	}
	.des-battery-col img {
		width: 80%;
	}

}